# Modern Role-Based Enterprise CRM
Demo Link- http://whatsappcrm.kiaantechnology.online/
A comprehensive full-stack Customer Relationship Management (CRM) application designed to organize customer workflows, manage teams, track pipeline stages, and monitor business activity through specialized role-based dashboards.

Built with React, Node.js, Express, Prisma ORM, and MySQL, this CRM combines a modern responsive interface with a structured backend architecture for database-driven operations.

## Key Features

### 1. Six Role-Based Dashboards
Dedicated workspaces for:
– Super Admin
– Admin
– Manager
– Team Leader
– Counselor
– Support

Each workspace is designed around the responsibilities of its respective user role.

### 2. Database-Driven Analytics
– MySQL database integration through Prisma ORM.
– Live statistics and dashboard data.
– Database-backed records and aggregations.
– Centralized data access through the Express backend.

### 3. Interactive Pipeline Management
– Visual funnel and pipeline interfaces.
– Workflow stage management.
– Record reassignment tools.
– Database-backed stage updates.

### 4. Authentication and Role-Based Access
– JWT-based authentication architecture.
– Role-specific permission handling.
– Backend middleware for protected operations.
– Separate access roles for six user categories.

### 5. Modern and Responsive Interface
– React component-based architecture.
– Tailwind CSS styling.
– Framer Motion animations.
– Responsive dashboard layouts.
– Zustand state management.
– TanStack Query for server-state handling.
– React Router v6 navigation.

## Technology Stack

**Frontend**
– React 18
– Vite
– Tailwind CSS
– Framer Motion
– Zustand
– TanStack Query
– React Router v6

**Backend**
– Node.js
– Express.js
– Prisma ORM
– JWT authentication

**Database**
– MySQL

## Installation Requirements

– Node.js v18 or later
– MySQL Server
– npm

The project includes separate frontend and backend setup workflows. Configure the database connection and environment variables, install dependencies, generate the Prisma client, and synchronize the database schema before running the application.

## Production Build

The frontend can be compiled using Vite to generate optimized static assets in the `frontend/dist` directory. These assets can be served using a suitable hosting or web-server configuration.

## Important Notes

– MySQL and backend configuration are required for database-backed functionality.
– Set up the environment variables before running the application.
– Replace example credentials and JWT secrets with secure deployment values.
– Verify the production authentication, authorization, and database configuration before deploying to a live environment.

**Modern Role-Based Enterprise CRM** provides a structured foundation for businesses that need role-specific workspaces, centralized customer workflows, and database-driven CRM operations.

More from Kiaan_technology

OmniTenant – Multi-Tenant SaaS & Invoice Management React Template

by Kiaan_technology in UI Kits

SwiftParcel – Multi-Tenant Delivery & Logistics Management React Template

by Kiaan_technology in UI Kits

Rent A Reliable Car – Car Rental & Fleet Management React Template

by Kiaan_technology in UI Kits