Lemon Clicker
Tässä osiossa toteutetaan vaihe vaiheelta clicker-pelin yksinkertainen kopio. Clicker-pelien on hyvin yksinkertainen, pelissä on kuva, jota naputtamalla kerätään pelin sisäistä valuuttaa. Kerätyllä valuutalla voidaan ostaa erilaisia laajennuksia, jotka tehostavat valuutan kasvua. Lähtötilanteessa yhdellä napautuksella tulee yksi yksikkö, laajennuksen ostamalla tämä voi kasvaa esimerkiksi 0.2, 5 tai 25 yksikköä.
Tämän projektin aihepiiri pyörii perinteisen limonadin ympärillä, siitä juontuu nimi Lemon Clicker.
Tässä projektissa tullaan hyödyntämään seuraavia tekniikoita:
- Vite-kehitysympäristöä,
- React-kirjastoa ja
- sopivia npm-paketteja (React Router ja React Icons).
Toteutettava sovellus tulee toimimaan sekä SPA-sovelluksena että PWA-sovelluksena.
- SPA-sovelluksella (Single Page Application) tarkoitetaan sellaista selainpohjaista sovellusta, joka toimii yhdellä sivulatauksella. Kun käyttäjä avaa sovelluksessa uuden sivun, niin silloin selain tuottaa sivun käyttäjälle eikä sitä ladata palvelimelta.
- PWA-sovelluksella (Progressive Web Application) tarkoitetaan sellaista sovellusta, joka osaa ladata päätelaitteelle (esim. kännykälle) kaikki tarvitsemansa tiedostot, jotta sovellusta voi tarvittaessa käyttää ilman nettiyhteyttä. Lisäksi PWA-sovellus toimii asennettuna hyvin samankaltaisesti, kuin tavallinen sovelluskaupasta ladattu sovellus.