Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/khushi2706/business-dashboard-using-mern

MERN stack Business Dashboard with machine learning modules
https://github.com/khushi2706/business-dashboard-using-mern

full-stack fullstack-development hacktoberfest hacktoberfest-accepted javascript machine-learning mern-stack ml mongodb nodejs reactjs recharts regression webapp

Last synced: 14 days ago
JSON representation

MERN stack Business Dashboard with machine learning modules

Awesome Lists containing this project

README

        

# Business Dashboard 📈

This project is a Business Dashboard created using the MERN (MongoDB, Express.js, React.js, Node.js) stack. It provides various components to visualize essential business metrics and insights. The dashboard utilizes the Recharts library for displaying graphical representations. Vite is used for the frontend development environment.

## Components 🛠️

### 1. Profit and Revenue

- This component displays the overall profit and revenue data.

### 2. Revenue Month by Month

- Graphical representation of revenue trends month by month.

### 3. Campaigns and Targets

- Insights into ongoing campaigns and their performance against set targets.

### 4. Losses in Revenue

- Visualization of revenue losses over a specified period.

### 5. Profit Margins

- Analysis of profit margins to assess business profitability.

### 6. Product Prices vs Expenses

- Comparison between product prices and incurred expenses.

### 7. Expense Breakdown By Category

- Breakdown of expenses categorized by different expenditure types.

## **Machine Learning: Prediction Module 🤖 **

In addition to the dashboard components, the project includes a Prediction module that utilizes machine learning for forecasting future revenue.

### Prediction Module Features:

- Utilizes regression algorithms to predict next year's revenue based on current month's data.

## Installation and Setup ⚙️

Follow these steps to set up and run the project:

1. Clone the repository.
2. Navigate to the project directory.
3. Install dependencies:
```
yarn install
```
4. Configure environment variables, including database connection details.
5. Populate the MongoDB database with relevant data.
6. Start the frontend development server:
```
yarn dev
```
7. Start the backend server:
```
yarn dev
```
8. Open the dashboard in your web browser.

## Snapshots 📸
![Dashboard](https://github.com/khushi2706/Business-Dashboard-using-MERN/assets/67452985/c8ff7e6b-3f18-41cf-ba3c-cffdcf70c020)
![Predction](https://github.com/khushi2706/Business-Dashboard-using-MERN/assets/67452985/0dbaafab-dab6-4239-9f7c-1510990704f5)

## Technologies Used

- **MongoDB**: NoSQL database for storing business data.
- **Express.js**: Web application framework for Node.js used for backend development.
- **React.js**: JavaScript library for building user interfaces.
- **Node.js**: JavaScript runtime environment for server-side development.
- **Recharts**: A composable charting library for React.
- **Vite**: Next-generation frontend tooling for React development.

## Acknowledgements

- https://www.npmjs.com/package/regression
- https://www.npmjs.com/package/recharts