Ga naar hoofdinhoud

Quiz App

Download het starterproject en voer daarna npm install uit.

📂 Naam project: lab-context-quiz-app
🔗 Basisproject: de vereiste begincode is inbegrepen in het starterproject.

Maak een kopie van de Quiz app van het vorige labo (lab-communication-quiz-app) naar een nieuw project. Noem deze lab-context-quiz-app. We gaan hier nog wat uitbreidingen op maken.

Uitbreidingen:

  • Herwerk de Quiz applicatie zodat deze gebruik maakt van een QuizContext. De functionaliteit van de applicatie blijft voor de rest volledig hetzelfde.
  • Voorzie een button bovenaan de pagina om te togglen tussen dark en light mode. Zorg ervoor dat alle componenten in de applicatie aanpassen aan de gekozen mode.

Oplossing downloaden​

Eerst zelf proberen!

Maak de oefening eerst zelf, ook als het moeizaam gaat. Pas daarna download je de oplossing om ze met je eigen code te vergelijken.

Als je meteen de oplossing bekijkt, leer je niets. Het zoeken en vastlopen is net het deel waar je het meeste uit leert.

Ik heb het geprobeerd, download