Expense Tracker System using React MERN Stack

Overview

This Expense Tracker System is built using the MERN stack (MongoDB, Express.js, React.js, and Node.js). The Expense Tracker Application aims to provide a user-friendly and efficient solution for managing income and expenses. This application will allow users to add, update, and delete income and expense transactions, as well as visualize their financial data through various graphs and charts. The primary goal is to empower individuals and businesses to gain better control over their finances, make informed financial decisions, and achieve their financial objectives.

Features

• Add, edit, and delete expenses
• Categorize expenses for better organization
• Visual representation of expenses using data visualization
• Responsive design for seamless use on various devices
• User authentication and authorization for secure access

Technologies Used

• MongoDB: NoSQL database for storing expense data
• Express.js: Backend framework for handling server-side logic
• React.js: Frontend library for building interactive user interfaces
• Node.js: JavaScript runtime for server-side development
• Antd: React charting library for data visualization

Steps

1. Clone the repository:

   git clone https://github.com/RiteshPatil2001/Weather-Forecasting-App-Using-Python.git

2. Navigate to the project folder:

   cd expense-tracker-system

3. Steps after Successful Project Cloning

• Access MongoDB Atlas at MongoDB Atlas.
• Create a new MongoDB database within MongoDB Atlas.
• Copy the URL associated with the created database.
• Navigate to your project in the code editor.
• Locate the .env file within your project directory.
• Paste the copied MongoDB URL as the value for the MONGO_URL variable in the .env file.
• These steps ensure that your project is connected to the MongoDB Atlas database.

4. Install the required packages:

   npm install requirements.txt

5. Run the Weather App:

   cd client

6. Run the Weather App:

   npm start

Usage

1. Launch the application.
2. Register as new user and Login.
3. Add transactions to the home page.
4. You can update or delete the transactions.
5. Open the anlystics page to view the graphical representation of transactions.

Screenshots

About

This Expense Tracker App was developed by Ritesh Patil. If you have any questions or concerns, feel free to contact us.