Help Me Build A Sales CRM Using Vibe Coding and AI Tools.
Budget: $400 – $500 USD
Summary
We are building Worqflow CRM, a customizable sales CRM with modules for leads, contacts, deals, workflows, and reporting. The backend will be developed later, but right now we want the full frontend built and running using Next.js + Tailwind + shadcn/ui. You may use v0.dev (Vercel’s AI builder) or build manually — the goal is a production-quality frontend with clean code.
Scope of Work:
You will build the following modules with mock data (API integration will come later):
Dashboard Shell
Sidebar (Dashboard, Leads, Contacts, Deals, Reports, Settings)
Topbar with theme toggle (dark/light)
KPI summary cards
Contacts Module
Contacts table with search + filters
Row click → detail drawer
Add Contact modal (React Hook Form + Zod validation)
Edit Contact flow
Deals Pipeline (Kanban)
Multi-stage board (New, Qualified, Proposal, Won, Lost)
Drag-and-drop deals between stages (dnd-kit)
Add Deal modal + detail drawer
Workflows & Automation
Workflow list with add/edit
Modal form for new workflow (trigger + actions)
Optional: simple visual builder (trigger → actions)
Reports & Analytics
KPI cards + multiple charts (Recharts: bar, line, pie)
Filters (date range, owner)
Export (CSV / PDF placeholder)
Requirements:
Strong experience with Next.js (App Router) and TypeScript
Proficiency with Tailwind CSS and shadcn/ui components
Familiarity with React Query, Zustand, React Hook Form, Zod
Experience integrating charts (Recharts, Chart.js, etc.)
Ability to structure a clean, maintainable frontend that can later consume backend APIs
(Bonus) Experience using v0.dev or similar AI code generation tools
Deliverables:
Full Next.js project in GitHub repo (with clean file structure)
Deployed working version on Vercel
Documentation on how to extend the frontend (e.g., wiring to APIs later)
Budget & Timeline:
Fixed budget (negotiable, depending on scope & experience)
Timeline: ~3–4 weeks for the full frontend with mock data
To Apply:
Share 2–3 examples of dashboards, CRMs, or SaaS apps you’ve built in React/Next.js
Briefly explain how you’d approach building this (with or without v0.dev)
Confirm your experience with shadcn/ui, React Query, and drag/drop libraries
Please share your proposal and a couple of similar direct platforms that you have worked on so that I can get your vision. Without that, do not apply
We are building Worqflow CRM, a customizable sales CRM with modules for leads, contacts, deals, workflows, and reporting. The backend will be developed later, but right now we want the full frontend built and running using Next.js + Tailwind + shadcn/ui. You may use v0.dev (Vercel’s AI builder) or build manually — the goal is a production-quality frontend with clean code.
Scope of Work:
You will build the following modules with mock data (API integration will come later):
Dashboard Shell
Sidebar (Dashboard, Leads, Contacts, Deals, Reports, Settings)
Topbar with theme toggle (dark/light)
KPI summary cards
Contacts Module
Contacts table with search + filters
Row click → detail drawer
Add Contact modal (React Hook Form + Zod validation)
Edit Contact flow
Deals Pipeline (Kanban)
Multi-stage board (New, Qualified, Proposal, Won, Lost)
Drag-and-drop deals between stages (dnd-kit)
Add Deal modal + detail drawer
Workflows & Automation
Workflow list with add/edit
Modal form for new workflow (trigger + actions)
Optional: simple visual builder (trigger → actions)
Reports & Analytics
KPI cards + multiple charts (Recharts: bar, line, pie)
Filters (date range, owner)
Export (CSV / PDF placeholder)
Requirements:
Strong experience with Next.js (App Router) and TypeScript
Proficiency with Tailwind CSS and shadcn/ui components
Familiarity with React Query, Zustand, React Hook Form, Zod
Experience integrating charts (Recharts, Chart.js, etc.)
Ability to structure a clean, maintainable frontend that can later consume backend APIs
(Bonus) Experience using v0.dev or similar AI code generation tools
Deliverables:
Full Next.js project in GitHub repo (with clean file structure)
Deployed working version on Vercel
Documentation on how to extend the frontend (e.g., wiring to APIs later)
Budget & Timeline:
Fixed budget (negotiable, depending on scope & experience)
Timeline: ~3–4 weeks for the full frontend with mock data
To Apply:
Share 2–3 examples of dashboards, CRMs, or SaaS apps you’ve built in React/Next.js
Briefly explain how you’d approach building this (with or without v0.dev)
Confirm your experience with shadcn/ui, React Query, and drag/drop libraries
Please share your proposal and a couple of similar direct platforms that you have worked on so that I can get your vision. Without that, do not apply
Related categories:
PHP
JavaScript
HTML
jQuery / Prototype
Frontend Development
API Integration
Next.js
Tailwind CSS
Chart.js
AI Development