Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/mkgupta01/finvue

Last synced: about 1 month ago
JSON representation

Host: GitHub
URL: https://github.com/mkgupta01/finvue
Owner: mkgupta01
Created: 2024-04-04T06:59:29.000Z (11 months ago)
Default Branch: main
Last Pushed: 2024-05-22T15:29:23.000Z (9 months ago)
Last Synced: 2024-05-22T15:49:08.913Z (9 months ago)
Language: JavaScript
Homepage: https://fin-vue.vercel.app
Size: 4.11 MB
Stars: 0
Watchers: 1
Forks: 1
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE.md

Awesome Lists containing this project

README

# FinVue - Finance Management App

**FinVue** is a MERN stack application designed to help users manage their finances efficiently. With a user-friendly interface and graph-based data visualization, FinVue allows users to track their daily, monthly, and yearly expenses with ease.

![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB)
![NPM](https://img.shields.io/badge/NPM-%23CB3837.svg?style=for-the-badge&logo=npm&logoColor=white)
![Express.js](https://img.shields.io/badge/express.js-%23404d59.svg?style=for-the-badge&logo=express&logoColor=%2361DAFB)
![MongoDB](https://img.shields.io/badge/MongoDB-%234ea94b.svg?style=for-the-badge&logo=mongodb&logoColor=white)

![image](https://github.com/user-attachments/assets/9655826f-3c8a-4460-95ac-d1fb8e42bf60)

## Features

- **User Authentication**: Secure login and registration system.
- **Intuitive UI**: Clean and responsive user interface for an enhanced user experience.
- **Expense Tracking**: Track your daily, monthly, and yearly expenses.
- **Data Visualization**: Graph-based visualization to analyze spending patterns.
- **Robust APIs**: Backend functionality with secure APIs.

## Tech Stack

- **Frontend**: React.js, Tailwind CSS
- **Backend**: Node.js, Express.js
- **Database**: MongoDB
- **Version Control**: Git

## Installation

1. Clone the repository:
```bash
git clone https://github.com/mkgupta01/FinVue.git
```
2. Navigate to the project directory:
```bash
cd FinVue
```
3. Install frontend dependencies:
```bash
cd frontend
npm install
```
4. Install backend dependencies:
```bash
cd ../backend
npm install
```
5. Create a `.env` file in the `backend` directory and add your MongoDB URI and any other necessary environment variables:
```
MONGO_URI=your_mongodb_uri
PORT = 8080
JWT_SECRET = your_jwt_secret_key
```
6. Start the development server:
```bash
npm run dev
```

## Usage

1. **Register/Login**: Create an account or login with your existing account.
2. **Add Expenses**: Enter your daily, monthly, and yearly expenses.
3. **View Reports**: Analyze your spending with graph-based data visualization.

## Screenshots

![image](https://github.com/user-attachments/assets/dbae1e53-7896-4980-856a-4f1d3d07d119)

![image](https://github.com/user-attachments/assets/01578e8e-a019-46a7-a730-ba6b35689e3e)

## Contributing

Contributions are welcome! Please fork the repository and create a pull request with your changes.

## License

This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.

## Contact

For any inquiries or issues, please contact:

- **Name**: Mayank Kumar Gupta
- **Email**: [[email protected]](mailto:[email protected])
- **LinkedIn**: [linkedin.com/in/mkgupta001](https://www.linkedin.com/in/mkgupta001/)
- **GitHub**: [github.com/mkgupta01](https://github.com/mkgupta01)

---

If you have any additional features or specific details about the project, let me know so I can include them in the README.