Keskitaso5-7 tuntia📊 Data ja analytiikka

Tavoiteseuranta

Aseta ja seuraa henkilökohtaisia tavoitteitasi.

Teknologiat:Next.jsTypeScriptTailwind CSSSupabaseRecharts

Aloitusprompt

Kopioi tämä prompti Cursoriin tai muuhun AI-työkaluun aloittaaksesi projektin.

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

Ominaisuudet

Tässä projektissa rakennetaan seuraavat ominaisuudet:

1Tavoitteiden asetus
2Päivittäinen kirjaus
3Streak-laskuri
4Edistymiskaaviot
5Saavutukset/badget

Vaiheet

1

Tavoitteiden hallinta

Luo tavoitteiden CRUD.

Prompti:

Luo tavoitteiden hallinta: lisää tavoite (nimi, kuvaus, tyyppi, tavoitearvo, deadline). Listaa aktiiviset tavoitteet kortteihin. Muokkaa ja poista.
2

Päivittäinen seuranta

Kirjaa edistyminen.

Prompti:

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).
3

Visualisoinnit

Näytä edistyminen kaavioina.

Prompti:

Luo dashboard: edistymispalkit tavoitteille, viivakaavio ajallisesta kehityksestä, kalenteri-näkymä tehdyistä päivistä (GitHub contributions -tyylinen).

Laajennusideat

Kun perusprojekti on valmis, voit laajentaa sitä näillä ideoilla:

  • Push-muistutukset
  • Jaetut tavoitteet kavereiden kanssa
  • Kuvien lisäys merkintöihin
  • Export data CSV/PDF
  • Widget mobiiliin

Lisää projekti-ideoita

Selaa kaikkia data ja analytiikka projekteja tai tutustu muihin kategorioihin.