Full stack Budget Tracker: NextJs , React,Typescript ,React-Query, Prisma – SQL, Recharts, Tailwind

Donations: https://ko-fi.com/codewithkliton
Github: https://github.com/Kliton/budget_tracker
Live demo: https://budget-tracker-code-with-kliton.vercel.app
Prisma ORM: https://www.prisma.io/?via=codewithkliton
Discord server for problems/help: https://discord.gg/ugzEgfznwc

💼 Business Inquiries: work@klitonbare.com

🛠️ Stack
– Nextjs 14: API routes and ServerActions
– Auth with Clerk
– Typescript
– Tailwindcss / Shadcn UI
– SQLite / Vercel PostgreSQL
– Prisma as ORM
– React-query
– Recharts

📗 Features
– Transaction Management
– Category Statistics
– Historical Data Aggregates
– Stunning Charts
– Icon Selector for Categories

Time Stamps 👇
00:00:00 Intro
00:01:24 Project setup
00:02:02 Authentication
00:09:04 Base layout
00:27:52 Database setup
00:38:30 Wizard page
01:16:42 Dashboard page: intro
01:30:01 Dashboard page: category picker
02:09:30 Dashboard page: create transaction dialog
02:28:42 Dashboard page: overview section
02:35:16 Dashboard page: stats section
02:51:58 Dashboard page: categories section
03:07:07 Dashboard page: history section
03:49:14 Manage page
04:07:15 Transactions page
04:49:28 Deploy on Vercel.com