Page Structure - Githubissues

Value proposition

As a user of the DIY App I want to be able to use it intuitively In order to navigate easily through the app.

the App has a header with the App-title on the top of every page
a hamburger menu is visible on every page
clicking the menu opens a list of links to other pages (Homepage, Add a new Project, Favorites)
if using the app in a browser - a url with intuitive name is visible (e.g. https://www.DIY-App.com/pages/favorites or https://www.DIY-App.com/pages/bird-feeder)

[ ] create feature branch feature/page-structure
[ ] update structure: under /pages add a projects-folder that has:
[ ] /pages/projects/index.js - contains the recent index.js
[ ] /pages/projects/[id].js - contains the recent /pages/[id].js
[ ] /pages/projects/favorites.js - contains the recent /pages/favorites.js
[ ] in the now empty /pages/index.js add the App-structure: add a Header Element with the App title
[ ] in /pages/index.js add a hamburger menu. add links to: Homepage, Add a new Project, Favorites
[ ] delete the navigation links used so far
[ ] add slug as key-value-pair for each project, the slug is the title (spaces are exchanged with "-")
[ ] use the slug instead of id for dynamic routes