Testaa ja paranna kirjoitusnopeuttasi.
Kopioi tämä prompti Cursoriin tai muuhun AI-työkaluun aloittaaksesi projektin.
Luo kirjoitusnopeuspeli (typing test). Pelimekaniikka: - Näytä teksti joka pitää kirjoittaa - Input-kenttä kirjoittamiseen - Korosta: vihreä = oikein, punainen = väärin - 60 sekunnin testi Mittarit: - WPM (words per minute) - Tarkkuus (%) - Oikeat/väärät kirjaimet Pelin jälkeen: - Näytä lopputulos - Tallenna huipputulokset - "Yritä uudelleen" -nappi Sanadata: Käytä suomenkielisiä tai englanninkielisiä sanoja. Tech: Next.js, TypeScript, Tailwind CSS
Tässä projektissa rakennetaan seuraavat ominaisuudet:
Luo kirjoituskenttä ja tekstinäyttö.
Luo kirjoitusnopeuspelin UI: teksti joka pitää kirjoittaa, input-kenttä kirjoittamiseen. Korosta oikein/väärin kirjoitetut kirjaimet reaaliajassa.
Lisää WPM ja tarkkuus.
Lisää reaaliaikaiset mittarit: WPM (sanat per minuutti), tarkkuusprosentti, jäljellä oleva aika. Käynnistä ajastin kun käyttäjä aloittaa kirjoittamisen.
Tallenna ja näytä parhaat tulokset.
Kun aika loppuu, näytä lopputulokset: WPM, tarkkuus, kirjoitetut sanat. Tallenna huipputulokset localStorageen ja näytä top 10.
Kun perusprojekti on valmis, voit laajentaa sitä näillä ideoilla:
Selaa kaikkia pelit projekteja tai tutustu muihin kategorioihin.