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
Voor de PLUS heb ik gewerkt aan een recepten/maaltijd detailpagina. Op deze pagina kun je een recept vinden met daarvan de bereiding, de ingredienten en een lijst met de producten die je kunt toevoegen aan je winkelmandje. Het is de bedoeling dat de klant het recept naar wens kan aanpassen door ingredienten toe te voegen of te verwijderen. Ook heeft de klant de optie voor alternatieve producten/ingredienten en kan die evt. ook kiezen voor basis ingredienten als peper, zout en olie.
user story: als klant kan ik het recept aanpassen anar wens door producten te verwijderen of juist toe te voegen. Ook kan ik als klant producten wijzigen en vervangen anar andere mogelijkheden die passen bij mijn behoeftes.
Mijn html structuur ziet er als volgt uit: header, main en een boodschappenlijstje. De main bestaat weer uit verschillende secties voor de verschillende delen binnen de pagina. De ingredienten zijn ingedeeld via CSS grid. Met javascript heb ik gezorgd voor de toggle en animatie op de boodschappenlijst. Ook heb ik met javascript gezorgd voor het converteren van de prijzen naar een Nederlandse prijsformaat. De content is dynamisch gegenereerd vanuit de directus API, dit wordt opgehaald via de server.
Installeer NodeJs
- Fork deze repository
- Open het in je code editor
- Download nodejs,
- Voer npm install in de terminal
- Run de command npm start
This project is licensed under the terms of the MIT license.