Fork deze leertaak en ga aan de slag. Onderstaande outline ga je gedurende deze taak in jouw eigen GitHub omgeving uitwerken. De instructie vind je in: docs/INSTRUCTIONS.md
Tijdens het maken van dit project heb ik gewerkt aan de volgende user-story:
#20 Als ouder wil ik van een product informatie en het stappenplan kunnen bekijken, zodat ik kan beslissen of ik een product wil kopen.
Op de pagina die ik heb gemaakt kan je filteren op allergeen waarna als je er op drukt alle producten van met die allergeen kan vinden. Ook vind je er de belangrijke tips voor mensen die van plan zijn dit te gaan geven aan hun kinderen.
https://fierce-dove-fashion.cyclic.app/
Bij het maken van deze opdracht heb ik gebruik gemaakt van:
- Node.js
- Ejs, embedded JavaScript
- Express
- Vini Mini API
- CSS
- mediaqueries
Ik heb bij het maken van deze opdracht voor het eerst in mijn leven gemaakt:
- Overlay navigatie menu
- Een goed werkende slider caroussel
Wat ik er nog in moet gaan maken:
- Duidelijke knop die aangeeft dat je kan klikken voor meer informatie
- De stappenplannen moeten er nog ingezet worden
- De prijs moet worden weergegeven
- Een winkelwagen waar je de producten in kan doen
- Mooie desktop menu (is nu nog mobile-first)
Om verder te werken aan dit project heb je Node.js nodig.
De website kan je gebruiken om een juist product te vinden om een allergie in kinderen te voorkomen.
- Lessen op school van FDND
- W3 schools heeft mij geholpen bij het maken van het overlay menu en ook de tips slider.
- Figma, dit heb ik gebruikt voor het maken van ontwerpen
This project is licensed under the terms of the MIT license.