Alster Quiz - introprojekt

Forka detta projekt och bygg en quiz-app! Diskutera med din mentor om vilket ramverk/bibliotek du bygger quizet med (tex React, Svelte eller inget). Appen ska vara responsiv och se bra ut i alla storlekar (mobil till desktop). I projektet vill vi att du använder Typescript och bygger UI-komponenter i Storybook eller motsvarande för det språk/ramverk du valt. Så arbetar vi i majoriteten av våra kundprojekt ✌🏼

Detaljer

• Sätt upp en global state-hantering för quizets frågor och spelarens svar

• Quizet ska bestå av en startsida, valfritt antal quizfrågesidor (en fråga/sida), och en resultatsida.

• Startsida: Gör så att spelaren måste fylla i sitt namn för att starta quizet

• Frågesida: Varje fråga ska ha fyra svarsalternativ, visa hur långt man gjort/har kvar på quizet, och navigationsknappar mellan frågor. När en klickar på ett svarsalternativ ska det på något sätt framgå om det var rätt eller fel svar.

• Resultatsida: Presentera spelarens namn och resultat. Gör så att spelet går att starta om.

• Appen ska fungera och se likadan ut i Chrome, Firefox, Edge och Safari.

  Valfritt:

  • Skapa en databas som sparar flera deltagares highscore
  • Stylea och pimpa quizet med olika typer av media

Design

Förslag på designupplägg: https://www.figma.com/file/KplxGpzv3w5PE5HNtyUpyW/Quiz?type=design&node-id=0-1&mode=design&t=OOk4JDQPnK1HhQXA-0.

Resurser

• Open trivia API - https://opentdb.com/

Om du kört fast eller har gjort en commit du vill ha feedback på

Gör en pull request och informera din mentor (eller haffa någon annan)!