CompletedReactTypeScriptNode.js+5 more
BudgetMap
Full-stack expense tracker with multi-currency support, JWT auth, and CSV/PDF export.
Timeline
3 Weeks
Role
Full Stack Developer
Team
Solo
Status
CompletedTechnology Stack
React
TypeScript
Node.js
Express
MongoDB
TailwindCSS
JWT
Shadcn
Key Challenges
- Multi-currency live rates
- CSV/PDF export
- JWT security
- Data visualization
Key Learnings
- Exchange rate APIs
- PDF generation in Node.js
- Chart.js
- Secure auth flows
Overview
BudgetMap is a comprehensive full-stack expense tracking application that helps users manage personal finances with a clean, data-driven interface.
Key Features
Expense Dashboard
- Dynamic dashboard with expense categorization and visual breakdowns
- Interactive charts for spending patterns over time
Authentication
- Secure JWT-based authentication with refresh token rotation
- Protected routes with session management
Multi-Currency Support
- Live currency conversion rates via exchange rate API
- Support for 20+ global currencies
Export
- Data export in CSV format for spreadsheet analysis
- PDF report generation for sharing and archiving
Tech Stack
React · TypeScript · Node.js · Express · MongoDB
TailwindCSS · Shadcn UI · JWT · Vercel