Expensio is a next-generation MERN Stack expense tracker built with TypeScript that helps you track, visualize, and analyze your spending effortlessly.
With AI insights, real-time currency conversion, and a cinematic dashboard, Expensio makes personal finance smart, intuitive, and fun.
- Add Expense with:
- Title, Amount, Category, Date
- Optional: Notes, Recurring checkbox
- Edit / Delete / View Expenses easily
- Dashboard Overview showing:
- ๐ธ Total expense
- ๐ Top spending category
- ๐ Recurring expenses summary
- ๐ Daily average spend
- Search & Filter by category or keyword
- CSV-based Categories (no backend calls required)
- ๐ค AI Assistant (Microservice)
Ask natural questions like:โWhere did I spend the most last week?โ
โHow much did I spend on travel this month?โ - ๐ฑ Real-Time Currency Converter (Microservice)
Convert between currencies instantly with live rates. - ๐งฎ Smart Calculator (Microservice)
Do quick calculations without leaving the dashboard. - ๐ Interactive Charts with Chart.js
Visualize your data with:- Category-wise Expense Pie Chart
- Monthly Expense Trend Line Chart
- ๐ Recurring Expense Management
- ๐ Expense History & Search
- ๐ Dark Mode UI with grid-line background
- ๐ฑ Fully Responsive โ optimized for desktop, tablet, and mobile
- ๐๏ธ Cinematic Scroll Animation โ dashboard โwakes upโ as you scroll
- React.js (TypeScript)
- TailwindCSS
- Chart.js (via react-chartjs-2)
- React Router DOM
- React Hooks (
useState,useEffect,useContext)
- Node.js + Express.js
- MongoDB + Mongoose
- TypeScript
- JWT Authentication
- Zod (for validation)
- Google Gemini API (for AI Assistant)
- AI Assistant Service โ contextual expense queries
- Currency Converter Service โ real-time rates
- Calculator Service โ inline math operations
-
๐งฑ TypeScript-based architecture (frontend & backend)
-
โ Zod validation for safer data handling
-
๐งฉ Microservice-driven modular design
-
๐ธ๏ธ Subtle grid-line background pattern
-
๐ง Built-in AI, charts, and tools โ all in one dashboard
- Frontend: Vercel
- Backend: Render
- Database: MongoDB Atlas
Expensio isnโt just another expense tracker โ itโs your personal finance companion built for the modern web.
It blends data visualization, AI-powered insights, and microservice-driven architecture to help you make smarter financial decisions with ease and clarity.
Whether youโre a developer exploring the MERN + TypeScript ecosystem,
or someone looking to take control of your finances,
Expensio is designed to be simple, intelligent, and extensible.
Got an idea to improve Expensio?
Feel free to open an issue, fork the repo, or submit a pull request โ every contribution matters!
Letโs make personal finance management beautiful and insightful together.
๐จโ๐ป Author: Jaydeep
๐ง Email: jaydeepwaghaskar@gmail.com
๐ GitHub: @jaydxxp
๐ LinkedIn: LinkedIn Profile
โControl your expenses, or your expenses will control you.โ
โ Expensio