Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/abhik-chakraborty/money-tracker-frontend
https://github.com/abhik-chakraborty/money-tracker-frontend
Last synced: 12 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/abhik-chakraborty/money-tracker-frontend
- Owner: Abhik-Chakraborty
- Created: 2024-09-16T17:00:55.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2024-09-16T17:32:40.000Z (4 months ago)
- Last Synced: 2024-09-16T23:31:03.248Z (4 months ago)
- Language: JavaScript
- Size: 214 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Money Tracker App
A full-stack personal finance tracker that helps users manage their transactions and balance dynamically. Built with a React frontend, Node.js and Express.js backend, and MongoDB database using Mongoose for data management.
## Features
- **Dynamic Transaction Management**: Users can add, update, and delete transactions.
- **Real-time Balance Update**: User's balance is updated dynamically based on transactions.
- **Database Integration**: All transaction data is stored in a MongoDB database using Mongoose for schema management.
- **Responsive Frontend**: A user-friendly React-based interface for seamless interaction.
- **RESTful APIs**: Integration between frontend and backend for real-time data fetching and updating.
- **Clear Transaction List**: A 'Clear' button on the frontend to reset transaction details without affecting the database.
## Technologies Used
- **Frontend**: React, JavaScript, HTML, CSS
- **Backend**: Node.js, Express.js
- **Database**: MongoDB, Mongoose
- **API**: RESTful API for data communication between frontend and backend
- **Environment Management**: `.env` for handling environment variables
- **Version Control**: Git
## Setup
1. Clone the repository:
```bash
git clone https://github.com/Abhik-Chakraborty/money-tracker-frontend.git
```
2. Navigate into the project directory:
```bash
cd money-tracker-app
```
3. Install dependencies for frontend :
```bash
npm install
```
4. Create a `.env` file in the root directory for environment variables.
5. Start the development servers:
```bash
npm start
```
## Environment Variables
Create a `.env` file in the root directory and add the following:
