Expense Tracker - React, Tailwind CSS, Supabase

Year

2025

Tech & Technique

React, Tailwind CSS, Supabase, Vite, Vercel

Description

A distraction-free expense tracker built for fast, simple, and clear personal finance management. Designed over a weekend to fulfill a real personal need.

Key Features:

💸 Quick Add/Edit: Instantly record, update, or delete expenses
📊 Dashboard Overview: Total spending, recent transactions, and category-wise insights
🔐 Auth & Roles: Supabase Auth with role-based access control
📁 Export to CSV: Download expense data for offline analysis
📱 Responsive Design: Fully usable across all device sizes

Technical Highlights:

Built with React and Tailwind CSS for a clean, responsive UI
Integrated Supabase for authentication, data storage, and RLS (Row-Level Security)
Designed reusable UI components for modals, forms, and tables
Implemented CSV export feature using a client-side utility

My Role

Solo Developer
Owned the full development lifecycle:

✅ Backend: Configured Supabase database, Auth, and RLS policies
🎨 Frontend: Built all components using React and Tailwind CSS
🔄 State Management: Used React hooks and context for managing data
📦 Data Export: Added export-to-CSV functionality
🚀 Deployment: Deployed via Vercel with environment-based setup