Exxa1 / ComSci-portfolio

1 stars 0 forks source link

Make dynamic routing using /page/:slug #5

Closed Exxa1 closed 1 year ago

Exxa1 commented 1 year ago

Plan:

  1. In home page load in the project url names from Json file (eg. ambulance-alarm -- it's a made-up name, fitting well in the url)
  2. Clicking on a project writes takes to the right url -> takes to /project-{{project.url}}
  3. have a vue page (project template) which has :slug, the slag is read and passed into the page.
  4. The page loads in the Json files from a folder (project folder) and puts them into one object
  5. Using the slug, the right "json" file is found in the object and loaded into the placeholders *. This way when going to a url like /project-ambulance-alarm it should automatically load up the right page from the Json file ->. Later a CMS system can be implemented on top of this that saves Json files.