This is a personal project by Meet Jain. This repository is publicly visible for demonstration purposes only.
Author: Meet Jain
- This project is protected. Do not copy, fork, or reuse without permission.
- Unauthorized use is strictly prohibited. Only the official deployment is allowed to run.
This project is protected by copyright law and includes proprietary security measures. Unauthorized use or attempts to circumvent security measures may result in legal consequences.
For any inquiries about this project please contact: [email protected]
A full-stack Expense Tracker application designed to help users manage their finances efficiently. Built with modern technologies, the app provides a seamless experience for tracking income and expenses, visualizing financial data, and maintaining secure user accounts. The interface is fully responsive, supporting both light and dark themes for optimal usability across devices.
-
User Authentication
- Secure registration and login using email/password.
- Google OAuth integration for one-click sign-in with Google accounts.
- JWT-based session management for secure, stateless authentication.
- Passwords are hashed and salted using bcrypt for maximum security.
-
Transaction Management
- Add, edit, and delete both income and expense transactions.
- Each transaction can be categorized (e.g., Food, Salary, Shopping, etc.).
- Transactions include details such as amount, category, date, and notes.
-
Filtering & Search
- Filter transactions by custom date range, transaction type (income/expense), and frequency (e.g., last 7 days, this month).
- Quick search and sorting options for easy navigation of transaction history.
-
Dashboard & Analytics
- Interactive dashboard with summary cards showing total income, expenses, and balance.
- Visual analytics using Chart.js, including:
- Income vs. Expense over time
- Category-wise breakdown of spending and earnings
- Responsive charts and graphs for clear financial insights.
-
Responsive Design
- Fully responsive UI for seamless experience on desktop, tablet, and mobile devices.
- Optimized layouts for different screen sizes.
- Supports both dark and light modes, with easy toggling.
-
Notifications & Feedback
- Real-time feedback and notifications using React Toastify for actions like adding, editing, or deleting transactions.
-
Security
- All sensitive data is securely stored and transmitted.
- Environment variables managed with dotenv for safe configuration.
- CORS and Helmet middleware for enhanced backend security.
-
Register or Sign In
- Create a new account with your email and password, or use Google Sign-In for quick access.
-
Access Your Dashboard
- After logging in, view your personalized dashboard with a summary of your financial activity.
-
Manage Transactions
- Add new income or expense entries, specifying category, amount, and date.
- Edit or delete existing transactions as needed.
-
Filter & Analyze
- Use filters to view transactions by type, date range, or frequency.
- Analyze your spending and income patterns with interactive charts.
-
Stay Informed
- Receive instant feedback on your actions via toast notifications.
-
Frontend
- React: Component-based UI development
- React Router: Client-side routing and navigation
- Ant Design: Modern, customizable UI components
- Chart.js & react-chartjs-2: Data visualization and analytics
- Axios: HTTP client for API requests
- React Toastify: User notifications and feedback
-
Backend
- Node.js: JavaScript runtime for server-side logic
- Express: Fast, minimalist web framework
- MongoDB: NoSQL database for storing user and transaction data
- Mongoose: ODM for MongoDB, schema and model management
- JWT (jsonwebtoken): Secure, stateless authentication
- bcrypt: Password hashing and security
- Google OAuth: Third-party authentication integration
-
Other Libraries & Tools
- dotenv: Environment variable management
- moment.js: Date and time formatting
- Helmet: HTTP header security
- CORS: Cross-origin resource sharing configuration
Connect with me through the following platforms: