SmartExpense is a production-ready Progressive Web App (PWA) designed to help you track, manage, and understand your expenses effortlessly.
SmartExpense is a modern personal finance tracker that gives users complete control over their spending habits through a clean, intuitive interface.
Many people struggle with managing money because expenses are:
- Untracked
- Scattered across apps or memory
- Difficult to analyze
SmartExpense solves this by acting as a central hub for tracking, analyzing, and optimizing your finances.
SmartExpense was built to solve real-world financial problems:
- Losing track of daily expenses
- Poor financial awareness
- No clear spending insights
- Lack of organized records
SmartExpense transforms this into a simple, visual, and structured experience
- Add income and expenses easily
- Categorize transactions
- View real-time balance updates
- Track spending trends
- Analyze monthly reports
SmartExpense is not just a basic expense tracker.
It is a smart financial companion that:
- Provides real-time insights
- Works offline (PWA support)
- Offers a smooth, app-like experience
- Focuses on performance and UX
To help individuals make smarter financial decisions and build better money habits.
https://smart-expense-pwa.web.app
- Dashboard with financial insights
- Add, edit, delete expenses (CRUD)
- Category-wise expense tracking
- Interactive charts & reports
- Local storage data persistence
- Offline support (PWA)
- Installable application
- Theme switching (Dark/Light)
- Export & import data
- Smooth animations & transitions
- Frontend: React 18 + TypeScript + Vite
- Styling: Tailwind CSS + Framer Motion
- State Management: React Context API
- Charts: Recharts
- Storage: localStorage
- PWA: Service Worker + Web App Manifest
- Deployment: Firebase Hosting
git clone https://github.com/kavin-debug/smart-expense.git
cd smart-expense
npm install
npm run dev