Keskitaso5-7 tuntia📊 Data ja analytiikka

Budjetti-sovellus

Henkilökohtainen budjetin ja menojen seurantasovellus.

Teknologiat:Next.jsTypeScriptTailwind CSSSupabaseRecharts

Aloitusprompt

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

Luo budjetti-seurantasovellus.

Tietorakenne:
- transactions (id, type, amount, description, category_id, date, user_id)
- categories (id, name, type, color, budget_limit)

Näkymät:
- Dashboard (yhteenveto, saldo, viimeisimmät)
- Tapahtumat (lista, lisäys, filtteröinti)
- Budjetit (kategoriakohtaiset rajat ja seuranta)
- Raportit (kuukausittainen yhteenveto, kaaviot)

Tech:
- Next.js 14
- TypeScript
- Tailwind CSS
- Supabase
- Recharts

Aloita tapahtumien lisäyksestä ja listauksesta.

Ominaisuudet

Tässä projektissa rakennetaan seuraavat ominaisuudet:

1Tapahtumien kirjaus
2Kategoriat
3Budjettirajat
4Kuukausiraportit
5Kaaviot kulutuksesta

Vaiheet

1

Tapahtumien hallinta

Luo CRUD tuloille ja menoille.

Prompti:

Luo tapahtumien hallinta: lisää tulo/meno (summa, kuvaus, kategoria, päivämäärä). Listaa tapahtumat aikajärjestyksessä. Muokkaus ja poisto.
2

Kategoriat ja budjetti

Lisää kategorisointi ja budjettirajat.

Prompti:

Luo kategoriahallinta (Ruoka, Asuminen, Liikenne, jne.). Aseta kuukausibudjetti per kategoria. Näytä edistymispalkki kulutetusta budjetista.
3

Raportit ja kaaviot

Visualisoi taloustiedot.

Prompti:

Luo kuukausiraportti-näkymä: yhteenveto (tulot, menot, säästöt), piirakka kategoriajaukaumasta, viivakaavio kuukausittaisesta kehityksestä.

Laajennusideat

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

  • Pankkitili-integraatio
  • Toistuvat tapahtumat
  • Säästötavoitteet
  • Mobile app
  • Excel-import

Lisää projekti-ideoita

Selaa kaikkia data ja analytiikka projekteja tai tutustu muihin kategorioihin.