Expense Management Website

Overview

Welcome to the Expense Management Website - a full-stack web application developed using the MERN (MongoDB, Express.js, React.js, and Node.js) stack. This platform offers users a seamless and intuitive experience to efficiently manage their income and expenses. The website provides a comprehensive set of features, including user registration and login, tabular representation of expenses, and graphical visualizations for better financial insights.

Demo Video

Expense.Managment.System.-.Google.Chrome.2023-09-07.11-49-27.mp4

Features

• User Registration and Login: Users can easily create accounts and securely log in to access the website's functionality.
• Tabular Form of Expenses: The website displays a well-organized tabular form that shows all the expenses added by the user.
• Add, Edit, and Delete Transactions: Once logged in, users can add their income and expense transactions, specifying details like the amount, category, and date. They can also edit or delete previously added transactions as needed.
• Graphical Representation: The website harnesses the power of React-based charting libraries to generate dynamic and visually appealing graphs for each income and expense source. These graphical visualizations offer users a clear understanding of their financial patterns, enabling better expense management.

Technologies Used

• Frontend: Developed using React.js, the website provides a seamless and interactive user interface.
• Backend: The server-side logic and API routes are handled using Express.js and Node.js, ensuring smooth data communication.
• Database: The user information and transaction data are securely stored and managed in a MongoDB database.

Run the App

1. Clone the repository: git clone https://github.com/username/expense-management.git
2. Navigate to the 'config' directory and create a config.env file.
3. Inside the config.env file, add MongoDB URI: MONGO_URI="mongodb+srv://expenseManagement:[email protected]/?retryWrites=true&w=majority"
4. Start the Backend Server: In the root directory, run npm start.
5. Start the Frontend: Navigate to the 'client' directory using cd client, and run npm start to launch the frontend.