sharp-clients

byDev Rathod

You are a senior full-stack SaaS engineer. Build a COMPLETE working SaaS web app called "ScopePilot". IMPORTANT: - Do NOT only build database - Do NOT only design UI - Build FULL working app (frontend + navigation + visible pages) ----------------------------------- APP IDEA: ScopePilot is a tool for freelance web developers to manage: - clients - projects - scope - payments - revisions ----------------------------------- TARGET USERS: - freelance web developers - WordPress developers - frontend developers - small freelance teams ----------------------------------- MAIN GOAL: Help freelancers control: - scope creep - late payments - revision overload ----------------------------------- PAGES (MUST CREATE ALL): 1. Dashboard 2. Clients 3. Client Details 4. Projects 5. Project Details 6. Payments 7. Revisions 8. Settings ----------------------------------- NAVIGATION: - Create left sidebar - Sidebar items: Dashboard Clients Projects Payments Revisions Settings - Clicking each item must open page - No blank screens allowed ----------------------------------- DASHBOARD: Include: - summary cards: Active Clients Active Projects Pending Payments Overdue Invoices Open Revisions - sections: Projects due this week Recent revisions Overdue payments ----------------------------------- CLIENTS PAGE: - table of clients - columns: name company projects total billed - add client button - search bar ----------------------------------- CLIENT DETAILS: - client info - projects - payments - notes ----------------------------------- PROJECTS PAGE: - list or cards of projects - show: name client status deadline ----------------------------------- PROJECT DETAILS (IMPORTANT): Include: - project overview - scope included - scope excluded - milestones - revisions - payments ----------------------------------- PAYMENTS PAGE: - invoice table - columns: client amount due date status - status: paid (green) pending (yellow) overdue (red) ----------------------------------- REVISIONS PAGE: - list of revision requests - show: project client status date ----------------------------------- SETTINGS PAGE: - profile form - business name - currency - revision limit ----------------------------------- DATA: - Use dummy/sample data - Show real data in UI - Do NOT leave pages empty ----------------------------------- UI STYLE: - modern SaaS dashboard - minimal and clean - premium feel COLORS: - sidebar: #0F172A (dark) - background: #F8FAFC - primary: #3B82F6 - success: #10B981 - warning: #F59E0B - danger: #EF4444 ----------------------------------- DESIGN RULES: - no glow effects - no gradients - no flashy UI - use soft shadows - clean typography ----------------------------------- LAYOUT: - left sidebar - top header - main content area ----------------------------------- IMPORTANT RULES: - No blank pages - Every page must render UI - Navigation must work - Fix all routing issues - Make mobile responsive ----------------------------------- FINAL OUTPUT: A complete working SaaS web app where: - sidebar works - pages open correctly - UI is visible - dummy data is shown - looks like a real product ----------------------------------- DO NOT STOP until: - all pages are working - UI is fully visible - navigation works perfectly