Aseta ja seuraa henkilökohtaisia tavoitteitasi. Opi pelillistämistä, streak-logiikkaa ja edistymisen visualisointia - motivoiva projekti joka opettaa paljon.
Keskitaso · 5-7 tuntia · Next.js, TypeScript, Tailwind CSS, Supabase, Recharts
Kopioi tämä Cursoriin tai Claude Codeen ja aloita rakentaminen.
Luo tavoiteseurantasovellus (goal/habit tracker). Tietomalli: - goals (id, name, description, type, target_value, current_value, deadline, user_id) - entries (id, goal_id, value, date, notes) Tavoitetyypit: - Toistuva (esim. "Liiku 30min päivässä") - Kertatavoite (esim. "Lue 12 kirjaa vuodessa") - Numeerinen (esim. "Säästä 5000€") Näkymät: - Dashboard (aktiiviset tavoitteet, streak, edistyminen) - Tavoitteet (hallinta) - Historia (aikajana, kalenteri) - Statistiikka (kaaviot, saavutukset) Pelillistäminen: - Streak-laskuri - Badget saavutuksista - Tason nousu Tech: Next.js, TypeScript, Tailwind, Supabase, Recharts
Luo tavoitteiden CRUD.
Luo tavoitteiden hallinta: lisää tavoite (nimi, kuvaus, tyyppi, tavoitearvo, deadline). Listaa aktiiviset tavoitteet kortteihin. Muokkaa ja poista.
Kirjaa edistyminen.
Luo päivittäinen check-in: merkitse tavoite tehdyksi, kirjaa arvo (esim. juoksutut kilometrit). Laske ja näytä streak (peräkkäiset päivät).
Näytä edistyminen kaavioina.
Luo dashboard: edistymispalkit tavoitteille, viivakaavio ajallisesta kehityksestä, kalenteri-näkymä tehdyistä päivistä (GitHub contributions -tyylinen).
Tavoitteiden asetus
Päivittäinen kirjaus
Streak-laskuri
Edistymiskaaviot
Saavutukset/badget
Kun perusprojekti on valmis:
Push-muistutukset
Jaetut tavoitteet kavereiden kanssa
Kuvien lisäys merkintöihin
Export data CSV/PDF
Widget mobiiliin
Henkilökohtainen budjetin ja menojen seurantasovellus. Opi CRUD-operaatiot, kategoriat ja datavisualisoinnit rakentamalla sovellus omaan käyttöösi.
Henkilökohtainen kalenteri tapahtumien hallintaan. Opi päivämäärien käsittelyä, visuaalisia näkymiä ja drag & drop -toimintoja rakentamalla oma kalenterisovellus.
Interaktiivinen dashboard datan visualisointiin. Opi Recharts-kaaviokirjastoa, reaaliaikaista dataa ja filtteröintiä - taitoja joita tarvitaan lähes joka firmassa.
Valitse työkalu ja käytä aloituspromptiä.