Monivalintapeli jossa testaat tietojasi.
Kopioi tämä prompti Cursoriin tai muuhun AI-työkaluun aloittaaksesi projektin.
Luo tietokilpailusovellus (quiz game). Pelin kulku: 1. Valitse kategoria (Yleistieto, Tiede, Historia, jne.) 2. Valitse vaikeustaso 3. 10 kysymystä per peli 4. 15 sekuntia per kysymys 5. Lopussa yhteenveto Kysymysdata: - Omat kysymykset tai Open Trivia DB API - Kategoriat, vaikeustasot - 4 vaihtoehtoa, 1 oikea Pisteet: - Oikea vastaus: 100p - Aikabonus: +1-50p (mitä nopeampi) - Väärä: 0p UI: - Siisti kortti kysymykselle - Animoidut vastausnapit - Confetti oikealle vastaukselle - Edistymispalkki Tech: Next.js, TypeScript, Tailwind CSS
Tässä projektissa rakennetaan seuraavat ominaisuudet:
Näytä kysymys ja vaihtoehdot.
Luo tietokilpailun peli-näkymä: kysymys, 4 vastausvaihtoehtoa A-D, edistymispalkki, pistemäärä. Klikkaa vastausta valitaksesi.
Tarkista vastaukset ja laske pisteet.
Lisää pelilogiikka: tarkista oikea vastaus, näytä oikea/väärä värikoodilla, laske pisteet (bonus nopeasta vastauksesta). Seuraava kysymys napin painalluksella.
Lisää kategoriavalinta ja huipputulokset.
Luo aloitusnäkymä kategoriavalinnalla. Lopussa näytä yhteenveto: pisteet, oikeat/väärät, aika. Tallenna huipputulokset localStorageen.
Kun perusprojekti on valmis, voit laajentaa sitä näillä ideoilla:
Selaa kaikkia pelit projekteja tai tutustu muihin kategorioihin.