Ga naar hoofdinhoud

Quiz app met React Router

Download het starterproject en voer daarna npm install uit.

📂 Naam project: n/a
🔗 Basisproject: de vereiste begincode is inbegrepen in het starterproject.

We gaan verder met de Quiz app uit de vorige oefening. Maak hier een kopie van zodat je de originele code nog hebt. Want we gaan hier nog wat uitbreidingen op maken.

Uitbreidingen:

  • Maak gebruik van React Router om de moeilijkheidsniveau te kiezen:
    • / toont de moeilijkheidsniveau's (easy, medium, hard)
    • /quiz/:difficulty toont de quiz met de gekozen moeilijkheidsniveau
  • Zorg voor een simpele navigatiebalk waar je kan kiezen tussen de verschillende moeilijkheidsniveau's.
  • Als je voor een nieuw moeilijkheidsniveau kiest, moet de quiz opnieuw beginnen.

Alt text

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