Skip to content

Maruf-ult/Expense_Tracker

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

27 Commits
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ’Έ Expense Tracker

πŸ”— Live Link

https://expense-tracker-3-ejs5.onrender.com

πŸ“Œ Description

Expense Tracker is a full-stack web application built with the MERN stack: MongoDB, Express.js, React.js, and Node.js. It empowers users to efficiently track and manage their income and daily expenses. With features like dynamic categorization, real-time data updates, and interactive graphs, users can gain valuable insights into their financial habits and make informed spending decisions.

✨ Features

  • βž• Add, ✏️ Edit, and ❌ Delete income and expense transactions
  • πŸ“‚ Categorize transactions for organized tracking
  • πŸ“Š Real-time dashboard with dynamic visualizations using Chart.js
  • πŸ” Monthly income vs expense breakdown
  • πŸ”’ Secure user authentication with session management
  • πŸ“± Fully responsive design for seamless use across devices

πŸ› οΈ Technologies Used

  • React.js – Frontend library
  • Node.js – Runtime environment
  • Express.js – Backend API framework
  • MongoDB – NoSQL database
  • Chart.js – Graphical data visualization
  • React Router – Frontend routing
  • Mongoose – MongoDB ODM for schema modeling

βš™οΈ Installation

  1. Clone the repository

    git clone https://github.com/Maruf-ult/Expense_Tracker
    
    
  2. Open the terminal in the repository folder:

    cd Expense_Tracker
    
  3. Install backend dependencies:

    cd expense-Tracker-server-side
    npm install
    
  4. Install frontend dependencies:

    cd Expense-Tracker-Client-side
    npm install
    
  5. Configure MongoDB:

  • Create an account on MongoDB Compass.

  • Create a database and obtain your MongoDB URI.

  • Create a .env file in the root directory and add your MongoDB URI:

    MONGO_URI=your_mongodb_uri

  1. Run the backend application:

    cd expense-Tracker-server-side
    npm start
    
  2. Run the frontend application:

    cd Expense-Tracker-Client-side
    npm run dev
    

Feel free to adapt this template to your project's specific requirements. Happy coding! πŸš€

: GitHub - Maruf-ult/Expense_Tracker

About

Personal budgeting app with charts

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors