Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/itxsaaad/customer-connect-crm-app-mern
CustomerConnect CRM is an application designed to streamline customer data management, sales processes, and team collaboration.
https://github.com/itxsaaad/customer-connect-crm-app-mern
Last synced: 6 days ago
JSON representation
CustomerConnect CRM is an application designed to streamline customer data management, sales processes, and team collaboration.
- Host: GitHub
- URL: https://github.com/itxsaaad/customer-connect-crm-app-mern
- Owner: itxSaaad
- License: mit
- Created: 2024-08-08T17:07:25.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2024-08-11T10:07:12.000Z (3 months ago)
- Last Synced: 2024-08-12T07:22:46.322Z (3 months ago)
- Language: JavaScript
- Homepage: https://customer-connect-crm-app-mern.vercel.app
- Size: 87.9 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# CustomerConnect CRM App - MERN
> CustomerConnect CRM is a comprehensive Customer Relationship Management (CRM) application designed to streamline customer data management, sales processes, and team collaboration. Built with the MERN stack (MongoDB, Express, React, Node.js), this application provides robust features for managing customer interactions, sales pipelines, and generating insightful reports.
[![Contributors][contributors-shield]][contributors-url]
[![Forks][forks-shield]][forks-url]
[![Stargazers][stars-shield]][stars-url]
[![Issues][issues-shield]][issues-url]
[![MIT License][license-shield]][license-url]
## Live Preview Project
[Live Preview](https://customer-connect-crm-app-mern.vercel.app/)
## Features
### 1. User Roles & Authentication
- **Admin:** Full access to manage users, view all customer data, and modify system settings.
- **Sales Representative:** Manage personal customer data, log interactions, and update sales statuses.
- **Manager:** View and manage team customer data, generate reports, and analyze sales trends.
- **Authentication:** Secure login with JWT (JSON Web Token), password encryption using bcrypt, and role-based access control (RBAC).
### 2. Customer Management
- **Customer Data:** Manage customer information including Name, Contact Information, Company, Address, Industry, and Notes.
- **CRUD Operations:** Create, Read, Update, and Delete customers.
- **Search and Filter:** Find customers by various criteria such as name, company, and industry.
### 3. Customer Interaction Logs
- **Interaction Logs:** Record interactions like meetings, calls, and emails with fields for Interaction Type, Date, Time, and Description.
- **Timeline View:** Visualize a timeline of interactions for each customer.
### 4. Sales Pipeline Management
- **Lead Management:** Add and manage leads with fields for Lead Name, Contact Information, Source, Status, and assignment to sales representatives.
- **Opportunity Tracking:** Track sales opportunities with fields for Opportunity Name, Value, Stage, and Expected Close Date.
### 5. Reporting & Analytics
- **Sales Reports:** Generate reports on sales performance with metrics such as Total Sales, Conversion Rate, Average Deal Size, and Sales Cycle Length.
- **Customer Reports:** Track new customers, retention rates, and interaction frequency with visual charts and reports.
### 6. Notifications & Reminders
- **Task Reminders:** Schedule and manage tasks related to customer interactions with due dates and reminders via in-app notifications or email.
- **Event Notifications:** Notify users of important events such as upcoming meetings and lead status changes.
### 7. User Interface
- **Dashboard:** Overview of key metrics and recent activities with an intuitive and responsive design.
- **Responsive Design:** Ensure usability on both desktop and mobile devices.
- **Navigation:** Easy access to different sections including Dashboard, Customers, Leads, Reports, and Settings through a sidebar or top bar.
## Built With
- **Frontend:** React.js (Vite.js) (Tailwind CSS) (React Router) (@reduxjs/toolkit) (React Redux) ()
- **Backend:** Node.js (Express) (bcryptjs) (cors) (dotenv) (express-async-handler) (jsonwebtoken)
- **Database:** MongoDB (Atlas) (Mongoose) (MongoDB Compass)
- **Authentication:** JSON Web Tokens (JWT)
- **Version Control:** Git and GitHub
## Getting Started
### Prerequisites
- [Node.js](https://nodejs.org/en/) - JavaScript runtime built on Chrome's V8 JavaScript engine
- [NPM](https://www.npmjs.com/) - Node Package Manager
### Installation
1.Clone the repo
```sh
git clone https://github.com/codesBySaad/customer-connect-crm-app-mern.git
```
2.Install NPM packages
```sh
npm install
```
3.Create a `.env` file in the root directory and add the following
```sh
NODE_ENV = development
PORT = 5000
MONGO_URI =
JWT_SECRET =
SALT =
```
4.Create a `.env` file in the client directory and add the following
```sh
VITE_SERVER_URL =
VITE_CLIENT_URL =
```
5.Run the app
```sh
npm run dev
```
## Contributing
Contributions are what make the open-source community such an amazing place to be learn, inspire, and create. Any contributions you make are **greatly appreciated**.
If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement".
Don't forget to give the project a star! Thanks again!
1. Fork the repo
2. Clone the project
3. Create your feature branch (`git checkout -b feature/AmazingFeature`)
4. Commit your changes (`git commit -m "Add some AmazingFeature"`)
5. Push to the branch (`git push origin feature/AmazingFeature`)
6. Open a pull request
## Contact
- Twitter: [@codesBySaad](https://twitter.com/codesBySaad)
- LinkedIn: [@codesBySaad](https://www.linkedin.com/in/codesBySaad/)
- Bento: [@codesBySaad](https://bento.me/codesBySaad)
- Email: [[email protected]](mailto:[email protected])
## License
Distributed under the MIT License. See `LICENSE` for more information.
## Support
Give ⭐️ if you like this project!
[contributors-shield]: https://img.shields.io/github/contributors/codesBySaad/customer-connect-crm-app-mern.svg?style=for-the-badge
[contributors-url]: https://github.com/codesBySaad/customer-connect-crm-app-mern/graphs/contributors
[forks-shield]: https://img.shields.io/github/forks/codesBySaad/customer-connect-crm-app-mern.svg?style=for-the-badge
[forks-url]: https://github.com/codesBySaad/customer-connect-crm-app-mern/network/members
[stars-shield]: https://img.shields.io/github/stars/codesBySaad/customer-connect-crm-app-mern.svg?style=for-the-badge
[stars-url]: https://github.com/codesBySaad/customer-connect-crm-app-mern/stargazers
[issues-shield]: https://img.shields.io/github/issues/codesBySaad/customer-connect-crm-app-mern.svg?style=for-the-badge
[issues-url]: https://github.com/codesBySaad/customer-connect-crm-app-mern/issues
[license-shield]: https://img.shields.io/github/license/codesBySaad/customer-connect-crm-app-mern.svg?style=for-the-badge
[license-url]: https://github.com/codesBySaad/customer-connect-crm-app-mern/blob/main/LICENSE.md