The Money Tracker App is a full-stack web application designed to help users manage and track their personal finances efficiently. Built using the MERN stack (MongoDB, Express.js, React, and Node.js), it offers a seamless experience for monitoring income and expenses. With a user-friendly interface powered by Material-UI (MUI), users can easily stay on top of their financial activities.
- Current Balance Display: Provides real-time tracking of your overall balance based on transactions.
- Transaction Management: Add, edit, or delete transactions for both income and expenses.
- Transaction History: View a complete list of all your transactions, making it easy to keep track of spending and saving.
- Responsive Design: The application features a modern, mobile-friendly interface thanks to Material-UI.
- MongoDB: NoSQL database for storing transaction data.
- Express.js: Backend web framework for building RESTful APIs.
- React: Frontend library for building user interfaces.
- Node.js: JavaScript runtime for backend development.
- Material-UI (MUI): UI framework for implementing responsive and modern components.
-
Clone the repository:
https://github.com/Adithya-bs/Money-Tracker.git
-
Install dependencies:
Navigate to the backend directory and run:
npm install
Then navigate to the /client directory and run:
npm install
-
Set up environment variables:
Create a .env file in the root directory and specify your MongoDB connection string and other environment variables as needed.
-
Run the application:
To start the backend, navigate to the root directory and run:
npm run server
To start the frontend, navigate to the /client directory and run:
npm start
Open in browser: Visit http://localhost:3000 to view the application in action.
- User authentication for personalized finance tracking.
- Filter and categorize transactions for better financial insights.
- Data visualization using charts and graphs.