https://github.com/devika7300/money-tracker-app
https://github.com/devika7300/money-tracker-app
expressjs mongodb nodejs reactjs
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/devika7300/money-tracker-app
- Owner: devika7300
- Created: 2024-10-25T01:43:57.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-10-29T22:40:09.000Z (over 1 year ago)
- Last Synced: 2026-01-03T16:18:35.497Z (6 months ago)
- Topics: expressjs, mongodb, nodejs, reactjs
- Language: JavaScript
- Homepage:
- Size: 347 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# MERN Money Tracker App
## Introduction
The MERN Money Tracker App is a personal finance management tool that enables users to efficiently track their income and expenses. Utilizing the MERN stack—MongoDB, Express.js, React.js, and Node.js—this application offers a simple yet powerful platform for users seeking better financial oversight and insights.
## Features
- **Add Transactions**: Input income and expenditure details including amount, date, and a brief description.
- **Transaction History**: View a list of all recorded transactions with options to filter by specific dates.
- **Balance Overview**: Get a real-time balance updated immediately as transactions are added or removed.
- **Responsive Design**: Seamlessly use the application on both desktop and mobile devices, thanks to a responsive interface.
## Technologies Used
- **MongoDB**: For storing transaction data in a flexible, scalable NoSQL database.
- **Express.js**: Back-end web application framework running atop Node.js for managing routes and requests.
- **React.js**: Front-end JavaScript library used for building the user interface in a declarative style.
- **Node.js**: JavaScript runtime environment that allows for the execution of JavaScript code server-side.
## Usage
To begin using the app, enter details of a new transaction in the input fields provided at the top of the app interface. Each transaction requires you to fill out the amount, select a date, and add a short description. Once you've input your transaction details, press the "Add New Transaction" button to record the transaction. Your transaction will appear in the history list, and your updated balance will be displayed at the top of the app.
## User Interface
