I'll help you build a sales pipeline tracking tool similar to HubSpot! This is a substantial project with multiple features, so let me generate design inspiration for a professional sales tool and then plan the implementation.
I have a good understanding of the codebase and design direction. Now let me create a task list for this multi-feature sales CRM and build it systematically.
Let me start building the sales CRM. I'll update the theme to match a professional dark CRM aesthetic and create the core components.
Now let me create the dashboard page with analytics components and the stats cards.
Now let me build the kanban pipeline board with drag-and-drop functionality.
Now let me create the contacts management page.
Now let me create the deal detail page.
I've built a complete HubSpot-style sales pipeline CRM tool called "SalesPipe". The application includes:
Dashboard - Overview with key metrics (pipeline value, weighted value, closed won, win rate), a pipeline chart showing deals by stage, recent activity feed, and active deals table.
Pipeline Board - A drag-and-drop kanban board with columns for each stage (Lead, Qualified, Proposal, Negotiation, Closed Won, Closed Lost). You can drag deals between stages to update their status, and add new deals directly from any column.
Contacts Management - A searchable grid of contact cards showing name, company, email, phone, associated deals count, and total deal value. You can add and delete contacts.
Deal Detail View - A comprehensive page for each deal showing value, probability progress bar, stage selector, notes (editable), activity timeline with the ability to add notes, and contact information with quick action buttons.
The app uses a dark professional theme with teal accents, Zustand for state management, and includes sample data to demonstrate the functionality. All data persists in client state during the session.
You can send messages while the preview loads