https://github.com/mkgupta01/finvue

https://github.com/mkgupta01/finvue

Last synced: 4 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/mkgupta01/finvue
• Owner: mkgupta01
• Created: 2024-04-04T06:59:29.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-05-22T15:29:23.000Z (about 1 year ago)
• Last Synced: 2024-05-22T15:49:08.913Z (about 1 year 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.