Track Your Finances Smarter with Next.js
A modern financial tracking web app built using cutting-edge technologies like Next.js, React, TypeScript, and Drizzle ORM.
Features
Powerful tools to manage your finances efficiently
CSV Import & Bulk Management
Import transactions in bulk with smart CSV parsing and automatic categorization
Dark & Light Mode
Seamlessly switch between themes for optimal viewing comfort
Charts & Analytics
Visualize spending patterns with interactive pie charts and category filtering
Authentication via Clerk
Secure user authentication with modern OAuth providers and magic links
Advanced Data Tables
Paginated, sortable, and filterable transaction tables with full-text search
Real-time Updates
Instant sync across devices with optimistic updates and offline support
Tech Stack
Built with modern technologies for performance and scalability
Next.js
Full-stack React framework
React
Component-based UI library
TypeScript
Type-safe JavaScript
Zustand
Lightweight state management
Clerk
User authentication
Tailwind CSS
Utility-first styling
Drizzle ORM
TypeScript ORM
Neon
Serverless Postgres
React Query
Data fetching & caching
Framer Motion
Animation library
About
This web app was developed as a practice project to build a robust, scalable financial tracker integrating UI components, database management, and authentication using modern web technologies.
Watch Tutorial
Demo
See the app in action
Dashboard Overview
Real-time financial insights at a glance
Analytics & Charts
Visual spending patterns and trends
CSV Import
Bulk transaction management