vigneshk5 / financeapp

finance dashboard using react.js

mern-financeApp

This is a Finance Dashboard application built using the MERN stack (MongoDB, Express.js, React.js, Node.js) . The frontend is built with Vite as the starter application, Redux Toolkit for state management, Material UI for the component library, and Recharts for charts and data visualization. The backend utilizes Node.js as the runtime, Express.js as the backend framework, and MongoDB for the database.

Demo

Check out the live demo of the app here.

Features

• Budgeting: Set and track monthly budgets for different categories.
• Data Visualization: Utilizes Recharts to generate visual reports and charts for better financial analysis.

Installation

To run the application locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/Vigneshk5/financeapp
   

2. Navigate to the project directory:

   `cd server` 
   

3. Install dependencies:

   `npm install` 
   

4. Configure environment variables:

   • Create a .env file in the root directory.
   • Provide the necessary environment variables such as MongoDB connection string, port, etc.

5. Navigate to the project directory:

   `cd client` 

6. Build the frontend:

   `npm run build` 
   

7. Start the server:

   `npm start` 
   

The application will be running at localhost.

---