Skip to content

The Expense Tracker is a web application built using the MERN stack (MongoDB, Express.js, React.js, Node.js) for managing and tracking expenses. The application allows users to add, view, edit, and delete their expenses, providing a comprehensive way to manage personal finances.

Notifications You must be signed in to change notification settings

ManthanThakor/mern-expenses-tracker

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

69 Commits
 
 
 
 
 
 

Repository files navigation

MERN Expense Tracker

Description

The Expense Tracker is a web application built using the MERN stack (MongoDB, Express.js, React.js, Node.js) for managing and tracking expenses. The application allows users to add, view, edit, and delete their expenses, providing a comprehensive way to manage personal finances.

Live Demo

You can view the live demo of the Expense Tracker app at: https://mern-expenses-tracker-nyw8.onrender.com/

Features

  • Add Expenses: Users can add new expenses with details such as amount, description, and category.
  • View Expenses: View a list of all expenses with the ability to sort and filter by date and category.
  • Edit Expenses: Edit the details of existing expenses.
  • Delete Expenses: Remove expenses from the list.
  • Responsive Design: The application is designed to work on various devices and screen sizes.

Installation

Prerequisites

  • Node.js
  • MongoDB

Backend Setup

  1. Clone the repository:

     git clone https://github.com/your-username/mern-expenses-tracker.git
    
  2. Navigate to the backend directory: cd mern-expenses-tracker/backend

  3. Install dependencies: npm install

  4. Create a .env file and add your MongoDB connection string: MONGODB_URI=your-mongodb-uri

  5. Start the backend server: npm start

Frontend Setup

  1. Navigate to the frontend directory: cd ../frontend

  2. Install dependencies: npm install

  3. Start the frontend development server: npm run dev

Usage

  1. Open the application in your web browser.
  2. Use the interface to add, view, edit, and delete expenses.

Contributing

Feel free to fork the repository and submit pull requests. For any issues or feature requests, please open an issue on the GitHub repository.

License

This project is licensed under the MIT License - see the LICENSE file for details.

Acknowledgements

  • React
  • Express.js
  • MongoDB
  • Node.js

For the demo image, you can take a screenshot of your app’s interface and include it in your README.md. Here's a placeholder for the image:

## Demo

![Expense Tracker Demo](path/to/demo-image.png)

About

The Expense Tracker is a web application built using the MERN stack (MongoDB, Express.js, React.js, Node.js) for managing and tracking expenses. The application allows users to add, view, edit, and delete their expenses, providing a comprehensive way to manage personal finances.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published