emerald-crm

byHakan Oksuz

Build a CRM app. Pages: - Dashboard (KPI cards: total leads, active deals, revenue, pending tasks) - Leads (table with filters, detail drawer, convert to contact/deal) - Contacts (table, profile page with activity timeline) - Companies (table, profile page with linked contacts and deals) - Deals (kanban board with drag-drop between stages) - Tasks (table with due dates, assignees, status filters) - Reports (sales performance charts, conversion funnel) - Settings (team members, roles) Features: - Global search across all entities - Sidebar navigation - Auth (login/signup pages) - CRUD for all entities - Relationships: contacts belong to companies, deals link to contacts Tech: - React + TypeScript + Tailwind - Supabase for database and auth - Zustand for state management - Recharts for dashboard charts - react-beautiful-dnd for kanban

LoginDealsContactsLeads
Login

Comments (0)

No comments yet. Be the first!

Architecture

No Services Diagrams Yet

Architecture diagrams will be automatically generated when the Project Manager creates tasks for your project.

Login design preview

No user flows yet.

The User Flow Agent will generate per-persona navigation diagrams after SRD updates.