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!

Deals design preview
Login: Sign In
Dashboard: View KPIs
Settings: Manage Team
Settings: Assign Roles
Reports: View Sales Performance
Reports: View Conversion Funnel