Monivalintapeli jossa testaat tietojasi eri kategorioissa. Rakenna pistelasku, vaikeustasot ja tuloslistat - loistava tapa oppia pelilogiikan perusteita.
Aloittelija · 3-4 tuntia · Next.js, TypeScript, Tailwind CSS
Kopioi tämä Cursoriin tai Claude Codeen ja aloita rakentaminen.
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
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.
Monivalintakysymykset
Eri kategoriat
Pistelaskuri
Ajastin per kysymys
Huipputulokset
Kun perusprojekti on valmis:
Moninpeli (kilpaile kaveria vastaan)
Oman quizin luonti
Daily challenge
Eri kielivaihtoehdot
Leaderboard supabasella
Testaa ja paranna kirjoitusnopeuttasi pelillisellä harjoittelulla. Seuraa WPM-nopeuttasi, tarkkuuttasi ja kehitystäsi ajan myötä - hauska tapa oppia pelillistä ohjelmointia.
Klassinen muistipeli jossa etsit pareja kääntämällä kortteja. Harjoittele Reactin state-hallintaa, animaatioita ja pelilogiikkaa hauskan projektin kautta.
Klassinen ristinolla-peli kahdelle pelaajalle tai tekoälyä vastaan. Opi pelilogiikkaa, vuoropohjaista peliä ja yksinkertaista tekoälyä rakentamalla tuttu klassikko.
Valitse työkalu ja käytä aloituspromptiä.