https://github.com/ramankishore08/crm-mern-stack

A CRM application using the MERN stack simplifies sales data management. It offers real-time tracking, Excel report generation, and trend visualization. This enables data-driven decisions and improves business performance. The solution helps boost sales and drive growth.
https://github.com/ramankishore08/crm-mern-stack

chartjs express-js firebase mern-stack mongodb mongodb-atlas mongodb-database nodejs onrender-deploy react vercel-deployment

Last synced: about 2 months ago
JSON representation

A CRM application using the MERN stack simplifies sales data management. It offers real-time tracking, Excel report generation, and trend visualization. This enables data-driven decisions and improves business performance. The solution helps boost sales and drive growth.

• Host: GitHub
• URL: https://github.com/ramankishore08/crm-mern-stack
• Owner: RamanKishore08
• Created: 2024-11-08T04:21:13.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-02-11T08:20:27.000Z (over 1 year ago)
• Last Synced: 2025-03-18T20:40:37.923Z (about 1 year ago)
• Topics: chartjs, express-js, firebase, mern-stack, mongodb, mongodb-atlas, mongodb-database, nodejs, onrender-deploy, react, vercel-deployment
• Language: JavaScript
• Homepage: https://crm-sales-app.vercel.app/
• Size: 874 KB
• Stars: 4
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# CRM Application  

![React](https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB)

![Express.js](https://img.shields.io/badge/Express.js-000000?style=for-the-badge&logo=express&logoColor=white)

![Node.js](https://img.shields.io/badge/Node.js-339933?style=for-the-badge&logo=node.js&logoColor=white)

![MongoDB](https://img.shields.io/badge/MongoDB-47A248?style=for-the-badge&logo=mongodb&logoColor=white)

![Chart.js](https://img.shields.io/badge/Chart.js-FF6384?style=for-the-badge&logo=chartdotjs&logoColor=white)

---

A Customer Relationship Management (CRM) application is developed using the MERN stack to manage sales data efficiently. It enables tracking, Excel report generation, and trend visualization. This enhances decision-making and boosts business growth.

---

## 🛠️ Local Setup  

Run **Backend** first, then start **Frontend**.

### Clone the Repository  

```bash

git clone https://github.com/RamanKishore08/CRM-MERN-Stack.git

```

### Open file directory

```bash

cd CRM-MERN-Stack

```

### Open Frontend

```bash

cd frontend

```

### Install necessary libraries

```bash

npm install axios firebase react-chartjs-2 

```

### Run Frontend

```bash

npm start

```

### Open Backend

```bash

cd backend

```

### Install Backend lib

```bash

npm install express mongoose body-parser cors dotenv nodemon

```

### Run the Server

```bash

node server.js

```

# SCREENSHOTS

### Login page with firebase authentication

![image](https://github.com/RamanKishore08/CRM-MERN-Stack/blob/main/Frontend/Screenshots/login.jpg)

### Form Page where user enter sales data

![image](https://github.com/RamanKishore08/CRM-MERN-Stack/blob/main/Frontend/Screenshots/form.jpg)

### Sales Data stored in Mongodb anḍ displayed

![image](https://github.com/RamanKishore08/CRM-MERN-Stack/blob/main/Frontend/Screenshots/sales1.jpg)

### Can Upadate and delete data(CRUD)

![image](https://github.com/RamanKishore08/CRM-MERN-Stack/blob/main/Frontend/Screenshots/sales2.jpg)

### Displays Profit and Chart using Chart.js library

![image](https://github.com/RamanKishore08/CRM-MERN-Stack/blob/main/Frontend/Screenshots/chart1.jpg)

![image](https://github.com/RamanKishore08/CRM-MERN-Stack/blob/main/Frontend/Screenshots/chart2.jpg)

### Mongodb Storage

![image](https://github.com/RamanKishore08/CRM-MERN-Stack/blob/main/Frontend/Screenshots/Mongodb%20compass.jpg)