Today I spent setting up more wireframs for the UI.

  • added a search bar at the top
  • added proper items to my nav list
  • added a 404 route handler for unknown routes. So if no actual routes exist, e.g /foo/bar then it will present an error message to the user

I noticed that the button at the top to collapse the left-side nav list resets its state on route change. So tomorrow I will work on implementing some kind of state persistence.

State persistence is an interesting topic in web development. Currently, I'm thinking about persisting the state with Vuex, however, this will reset once the browser tab is closed. If I desire to make this change permanent I should consider looking at the LocalStorage API.

Devember 2021: Day 3

Devember 2021, day 3. Wireframes.