Skip to content

Amberhva/server-side-rendering-vini-mini

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

48 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Server-side-rendering Vini Mini

Ontwerp en ontwikkel een server-side website voor een opdrachtgever

#23 Als ouder wil ik een overzicht zien van alle voedingssupplement producten, zodat ik kan achterhalen of er een geschikt product voor mijn Vini Mini bij zit

Inhoudsopgave

Beschrijving

Elke frontender bij FDND heeft de taak gekregen om met node, een server-side website te maken voor de gekozen opdrachtgever. Elke opdrachtgever heeft zijn/haar eigen api waar je alle benodigde data uit moet halen, en laat zien op de website.

Installatie

  1. Download de code via de zip
  2. Pak het bestand uit
  3. Open het uitgepakte bestand met Visual Studio Code
  4. Open de terminal
  5. Typ in: npm install en installeer de benodigde packages
  6. Nadat de installatie klaar is, typ nogmaals in de terminal: npm start
  7. Je krijgt helemaal onderaan een link te zien, wat als volgt, gaat: http://localhost:8000
  8. Klik op de link en bekijk het project

Poster visual

🖥️ Desktop

image

Live link

https://wicked-lime-tadpole.cyclic.app

Checklist

✅ Wat er wel is gelukt:

  • Een website ontworpen en gemaakt met Node, Express en EJS en een REST API
  • De website is online gepubliceerd
  • Mijn proces is bijgehouden in de Wiki
  • Aangetoond dat ik in de analysefase verschillende methoden en technieken heb ingezet om te inventariseren wat er moet gebeuren
  • Aangetoond dat ik in de ontwerpfase verschillende methoden en technieken heb ingezet die ervoor zorgen dat ik precies weet wat ik moet bouwen
  • Aangetoond dat ik in de bouwfase verschillende server-side en client-side methoden en technieken heb ingezet om het ontwerp te realiseren

❌ Wat er niet is gelukt:

  • Mijn originele schets na bouwen
  • Alle afbeeldingen gebruiken van Vini Mini
  • Een pagina maken met "dit product is nog niet beschikbaar"
  • Een component maken waar je de tips kan zien

Kenmerken

  • HTML
  • CSS
  • JS
  • NODE
  • EJS
  • EXPRESS
  • JSON
  • API
  • REST
  • Visual Studio Code

Licentie

GNU GPL V3

This work is licensed under GNU GPLv3.

Languages

  • EJS 52.7%
  • CSS 35.2%
  • JavaScript 12.1%