- React 19
- Vite
- Express.js
- MongoDB
- Groq
- Tailwind CSS
Atlass CRM — AI-Powered CRM Platform
A full-stack CRM built with React 19, Express and MongoDB, featuring a drag-and-drop Kanban deal pipeline, Recharts analytics, and AI-generated insights from CRM data using the Groq SDK.
- Drag-and-drop Kanban pipeline with @dnd-kit
- AI insights from CRM data via Groq
- JWT authentication with bcryptjs
- Analytics dashboards with Recharts
Atlass CRM is a full-stack customer relationship management platform that helps teams track leads and deals on a drag-and-drop Kanban board, see pipeline analytics, and get AI-generated insights from their CRM data.
What it does
- Visual deal pipeline. Leads and deals move between stages on a drag-and-drop Kanban board built with
@dnd-kit. - Analytics dashboards. Pipeline and performance charts built with Recharts.
- AI insights. The Groq SDK turns raw CRM data into readable, actionable insights.
- Secure accounts. JWT authentication with passwords hashed using bcryptjs.
How it is built
| Layer | Technology |
|---|---|
| Frontend | React 19, Vite, Tailwind CSS |
| UI system | CVA, clsx, React Hook Form, Sonner toasts |
| Backend | Express.js REST API |
| Database | MongoDB with Mongoose |
| Auth | JWT, bcryptjs |
| AI | Groq SDK |
Engineering notes
The UI is a reusable component system built on Tailwind CSS with class-variance-authority (CVA) and clsx, so buttons, inputs, and cards share variants instead of duplicating styles. Forms use React Hook Form for fast, controlled validation, and Sonner provides non-blocking toast feedback.