Finance App with NextJS 14 to add transactions. You can view dynamic charts, filters by account and Date and deatiled transaction table. This App will also be published when it's finished :) I'm streaming the whole progress every Tuesday & Thursday on Twitch -> lexandcode 💜
If you want to test it local
Complete your enviroment variables
CLERK_PUBLISHABLE_KEY=
CLERK_SECRET_KEY=
NEXT_PUBLIC_APP_URL=
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=
NEXT_PUBLIC_CLERK_SIGN_IN_URL="/sign-in"
NEXT_PUBLIC_CLERK_SIGN_UP_URL="/sign-up"
DATABASE_URL=And just run
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev- 📊 Interactive financial dashboard
- 🗓 Account and date filters
- 🔁 Changeable chart types
- 💹 Detailed transactions table
- ➕ Form to add transactions
- 🧩 Customizable select components
- 💵 Income and expense toggle
- 🔄 CSV transaction imports
- 🔥 API via Hono.js
- 🪝 State management via Tanstack React Query
- 🔐 Authentication via Clerk (Core 2)
- 🗑 Bulk delete and search in transactions
- 🌐 Built with Next.js 14
- 🎨 Styled with TailwindCSS and Shadcn UI
- 💾 PostgreSQL & Drizzle ORM
- 🚀 Deployed on Vercel
Enjoy!
Created by CodeWithAntonio.