A finance SaaS platform with 10+ tools for personal and business financial management. Built during Nexus Dev Sprint, it allows users to track income, expenses, and visualize financial health across multiple accounts.
- Frontend: Next.js 14 (App Router), TypeScript, TailwindCSS, ShadCN UI
- Backend: Hono API (Bun runtime)
- Database: PostgreSQL + Drizzle ORM
- Auth: ClerkAuth
-
Built with Next.js 14 (App Router): Utilizes the latest features and performance optimizations of Next.js for a seamless user experience.
-
Fast and Lightweight Hono API Web Framework: Ensures high performance and quick response times for API requests.
-
Drizzle ORM: Interacts with Neon PostgreSQL serverless database, providing robust and efficient database management.
-
UI Components: Developed using Shadcn UI, HeadlessUI, React Icons, TypeScript, and Tailwind CSS for a modern and responsive design.
-
Authentication and Authorization with Clerk: Provides secure and easy-to-use authentication and authorization mechanisms.
-
Beautifully Crafted Dashboard Widgets: Offers an intuitive and visually appealing dashboard with customizable widgets.
-
Customizable Charts: Built on top of the Recharts package, enabling limitless customization for data visualization.
-
Mobile-Friendly TanStack Table: Displays large amounts of data efficiently with pagination, filtering, and sorting options.
-
Framer Motion for Transitions and Hero Section: Adds smooth animations and transitions for a dynamic user interface.
app/→ Next.js App Router pages (dashboard, accounts, transactions)db/→ PostgreSQL schema + Drizzle ORM modelsapi/→ Hono APIs for finance CRUDhooks/→ React Query hooks for data fetchingcomponents/→ Reusable UI (charts, forms, tables)
git clone https://github.com/yourusername/financio.git
cd financio
npm install
npm run dev