CPM – Project & Client Management

Slide 1
Slide 2
Slide 3

A modern and modular web app built with the MERN stack. Designed to help developers, freelancers, and agencies manage their projects, tasks, clients, and team with style and efficiency.

Tech Stack

  • Frontend: React + Redux Toolkit + TailwindCSS
  • Backend: Node.js + Express.js
  • Database: MongoDB (Mongoose)
  • Icons: Lucide + Heroicons
  • Deployment: Vercel (Frontend) & Render (Backend)

Core Features

  • Client and Team Management
  • Project and Task Boards
  • Glassmorphism UI with dark mode
  • Detail Side Panels for Entities
  • Reusable Modals for Create/Edit

Dashboard

Project overview, task stats, and user activity.

Projects

Manage project lifecycle and assign clients.

Tasks

Track tasks by status, priority, and due dates.

Team & Clients

Client CRM + internal team view with modals.

📸 Screenshots

Screenshot 1
Screenshot 2
Screenshot 3

Why CPM?

CPM isn’t just a template — it’s a full-fledged, production-ready project management system with real UX consideration. If you’re looking to build your own SaaS or want a head-start managing internal projects, this is your foundation.