This project is a full-stack finance dashboard application built with the MERN stack (MongoDB, Express, React, Node.js) that includes Machine Learning (ML) predictions. The frontend is developed using Vite, React, Redux Toolkit, Material UI (MUI), and Recharts. The backend is powered by Node.js, Express.js, and MongoDB.
- Dashboard Layout: A responsive and intuitive dashboard with various financial metrics.
- Machine Learning Predictions: Predictive analysis using regression models integrated within the app.
- Charts and Data Visualization: Interactive charts built with Recharts to visualize key performance indicators.
- Redux Toolkit for State Management: Efficient state management using Redux Toolkit and RTK Query.
- Material UI: A modern UI design using MUI components.
- RESTful API: Backend APIs to handle products, transactions, and KPIs.
- MongoDB for Data Storage: NoSQL database to store financial data and user information.
- Deployment: Application deployed using Render.
- Vite: A fast development build tool.
- React: JavaScript library for building user interfaces.
- Redux Toolkit: State management and API interaction.
- Material UI (MUI): Component library for a sleek UI.
- Recharts: Library for building charts and data visualizations.
- Node.js: JavaScript runtime.
- Express.js: Web application framework.
- MongoDB: NoSQL database for storing data.
- Nodemon: Development tool for automatically restarting the server.
- Render: For both frontend and backend deployment.
- Node.js: Download and Install Node.js
- Vite: Getting Started with Vite
- MongoDB: Install and run MongoDB locally or use a cloud provider.
- VSCode: Download and Install Visual Studio Code
-
Clone the repository:
git clone https://github.com/ed-roh/finance-app.git cd finance-app -
Install dependencies:
npm install
-
Start the development server:
npm run dev
-
Navigate to the backend directory:
cd backend -
Install dependencies:
npm install
-
Start the server with Nodemon:
npm run dev
- Ensure MongoDB is running locally or configure a remote MongoDB instance.
- Update the
.envfile with your MongoDB connection string.
- Frontend & Backend: Deploy both on Render.
- Node.js: Download Node.js
- Vite: Vite Guide
- React Router: React Router Documentation
- Redux Toolkit: Redux Toolkit Documentation
- Material UI: MUI Getting Started
- Recharts: Recharts Documentation
- Render: Render Deployment
If you have any questions or feedback, please feel free to contact me at pranjal360agarwal@gmail.com. You can also connect with me on LinkedIn or Twitter. Thank you for visiting my portfolio website!