Preskočiť na obsah
Ákos Kappel
Jazyk: sk
Téma
Svetlé
Tmavé

Budget Master

Aplikácia na osobné financie s históriou transakcií, filtrami a grafmi mesačných výdavkov.

Tabuľka transakcií v Budget Master s filtrami

O projekte

Osobná full-stack aplikácia z roku 2024 na sledovanie príjmov a výdavkov. Pokrýva celý Next.js App Router v jednom projekte: prihlasovanie, databázu, validované formuláre a načítavanie dát na klientovi.

Každá transakcia má sumu, dátum a štítky. Prehľad zhŕňa aktuálny mesiac, stránka s históriou filtruje a prehľadáva všetky transakcie a šesť grafov ukazuje, kam idú peniaze v čase. Demo účet umožňuje vyskúšať aplikáciu bez registrácie. Zatiaľ nebola aktualizovaná.

Čo si môžete vyskúšať

  • Registrácia alebo prihlásenie cez demo účet
  • Prehľad s poslednými transakciami a mesačným cash flow
  • História transakcií s filtrami podľa dátumu a sumy, štítkami a fuzzy vyhľadávaním
  • Šesť grafov: príjmy oproti výdavkom, súčty, vývoj zostatku a výdavky podľa štítkov

Ako to funguje

  • Next.js App Router s chránenými routami a šifrovaným session cookie, heslá hashované cez bcrypt
  • MongoDB s Mongoose, formuláre cez React Hook Form a Zod, dáta cez TanStack Query a Redux Toolkit
Kedy
2024 – 2025
Typ
Osobný
Verzie
  • Next.js 15
  • React 19
  • MongoDB
  • Tailwind CSS 3
Technológie
  • Next.js
  • TypeScript
  • MongoDB
  • Mongoose
  • Redux
  • React Query
  • React Hook Form
  • Zod
  • Tailwind CSS
  • daisyUI