Modern Role-Based Enterprise CRM

Modern Role-Based Enterprise CRM is a full-stack customer relationship management system built with React, Vite, Node.js, Express.js, Prisma ORM, and MySQL.

Key Highlights

• Six role-based dashboards for Super Admin, Admin, Manager, Team Leader, Counselor, and Support.

• CRM pipeline and stage management.

• MySQL database integration using Prisma ORM.

• JWT-based authentication and role-based access control.

• Responsive user interface styled with Tailwind CSS.

• Smooth animations powered by Framer Motion.

• State management using Zustand.

• Data fetching and server-state management using TanStack Query.

• Client-side routing with React Router v6.

Technology Stack

Frontend: React 18, Vite, Tailwind CSS, Framer Motion, Zustand, TanStack Query, React Router v6.

Backend: Node.js and Express.js.

Database: MySQL.

ORM: Prisma.

Requirements

Node.js v18 or later and a running MySQL server.

Setup

1. Create a MySQL database named crm_db.

2. Install backend dependencies inside the backend folder.

3. Configure DATABASE_URL, JWT_SECRET, PORT, and FRONTEND_URL in backend/.env.

4. Run npx prisma generate and npx prisma db push from the backend folder.

5. Start the backend using npm run dev.

6. Install frontend dependencies inside the frontend folder and start it using npm run dev.

7. Build the frontend for production using npm run build inside the frontend folder.

Refer to the included README.md for the complete setup instructions.