project-c27efde8

byMirza Haseeb

You are an expert UX designer, product strategist, startup advisor, and senior full-stack engineer. Your task is to build a complete modern web application called **Idea Vault AI**. The goal of this application is to become the user's personal startup and project idea database where every idea is analyzed by AI and transformed into an actionable business opportunity. ──────────────────────────────────────── PROJECT GOAL ──────────────────────────────────────── People get random ideas throughout the day and usually forget them or never evaluate them properly. Idea Vault AI solves this problem. The user simply writes any idea such as: • Build an AI CRM for law firms • AI Resume Reviewer • Smart Expense Tracker • AI Email Assistant • AI Doctor Appointment Agent The application stores the idea and AI instantly performs a complete startup analysis. The UI should look like a premium SaaS product, not an AI-generated landing page. Minimal. Clean. Modern. Professional. No flashy gradients. Use neutral colors. Rounded corners. Beautiful typography. Excellent spacing. Animations should be subtle. Responsive on desktop, tablet and mobile. ──────────────────────────────────────── MAIN FEATURES ──────────────────────────────────────── # Dashboard The dashboard should contain • Total Ideas • High Potential Ideas • Completed Ideas • Average Market Score • Recently Added Ideas • AI Suggestions Beautiful cards with icons. ──────────────────────────────────────── ADD IDEA ──────────────────────────────────────── Large textarea Placeholder: "What startup idea do you have?" Example: Build an AI CRM for Construction Companies. Button Analyze Idea ──────────────────────────────────────── AI ANALYSIS ──────────────────────────────────────── When an idea is submitted AI should generate: 1. Title Automatically improve the title. Example Instead of AI CRM Generate AI-Powered CRM for Construction Companies ---------------------------------------- 2. Category Examples AI Healthcare Education SaaS Automation Developer Tool FinTech Cyber Security Marketing Productivity E-commerce Real Estate Gaming Other ---------------------------------------- 3. Difficulty Easy Medium Hard Very Hard Along with explanation. ---------------------------------------- 4. Estimated Development Time Examples 2 weeks 1 month 3 months 6 months 1 year ---------------------------------------- 5. Tech Stack Frontend Backend Database Authentication Hosting Cloud AI Model Vector Database Payment Gateway Deployment Everything should be suggested. ---------------------------------------- 6. Market Potential Score 1-100 Reasoning Market size Customer demand Growth trend Monetization opportunities ---------------------------------------- 7. Competition Analysis List major competitors. Explain Strengths Weaknesses Gaps in market What they are missing. How your idea can differentiate itself. ---------------------------------------- 8. Target Audience Who will buy it Primary customers Secondary customers Company size Country Industry ---------------------------------------- 9. Monetization Monthly Subscription Yearly Subscription Freemium Pay Per Use Enterprise License Lifetime Marketplace API Pricing Recommend best model. ---------------------------------------- 10. Revenue Estimate Small scale Medium scale Large scale Potential ARR Potential MRR Pricing suggestions ---------------------------------------- 11. Features Generate MVP Features Advanced Features Future Features Nice-to-have Features Display in checklists. ---------------------------------------- 12. Roadmap Phase 1 Phase 2 Phase 3 Phase 4 Timeline Milestones ---------------------------------------- 13. Risks Technical Risks Business Risks Legal Risks Operational Risks Market Risks ---------------------------------------- 14. Future Improvements Generate at least 10 improvements. ---------------------------------------- 15. AI Verdict Generate one final section: Should you build this? Why? Who should build it? How difficult is it for one developer? Would investors like it? Would clients buy it? Overall recommendation. ──────────────────────────────────────── IDEA DETAILS PAGE ──────────────────────────────────────── Clicking an idea opens a detailed page. Left Sidebar Idea info Category Tags Created date Status Difficulty Market Score Main Area Complete AI analysis. Right Sidebar Quick actions Favorite Archive Delete Duplicate Export PDF Share ──────────────────────────────────────── SEARCH ──────────────────────────────────────── Powerful search. Search by Title Tags Category Tech Stack Market Score Difficulty Status Date ──────────────────────────────────────── FILTERS ──────────────────────────────────────── High Potential Low Competition Easy to Build High Revenue Completed Favorites Archived AI SaaS Automation Healthcare Developer Tools ──────────────────────────────────────── TAGS ──────────────────────────────────────── AI should automatically generate tags. Example #AI #CRM #Automation #Construction #B2B #SaaS #Startup ──────────────────────────────────────── BOOKMARKS ──────────────────────────────────────── Allow users to favorite ideas. Dedicated Favorites page. ──────────────────────────────────────── EXPORT ──────────────────────────────────────── Export idea analysis as PDF Markdown JSON ──────────────────────────────────────── DARK MODE ──────────────────────────────────────── Beautiful premium dark mode. ──────────────────────────────────────── ANIMATIONS ──────────────────────────────────────── Smooth page transitions. Card hover. Button hover. Fade animations. Nothing excessive. ──────────────────────────────────────── RESPONSIVE ──────────────────────────────────────── Fully responsive. Desktop Tablet Mobile ──────────────────────────────────────── OPTIONAL AI FEATURES ──────────────────────────────────────── Generate Startup Name Generate Domain Suggestions Generate Logo Prompt Generate Elevator Pitch Generate Investor Pitch Generate Landing Page Copy Generate Value Proposition Generate USP Generate Target Persona Generate Customer Pain Points Generate Marketing Strategy Generate Go-To-Market Plan Generate LinkedIn Post Generate Product Hunt Launch Plan Generate MVP Cost Estimate Generate Database Schema Generate API Endpoints Generate Folder Structure Generate Tech Architecture Generate Development Timeline ──────────────────────────────────────── TECH STACK ──────────────────────────────────────── Frontend: React + Next.js + TypeScript Styling: Tailwind CSS + shadcn/ui Charts: Recharts Icons: Lucide Animations: Framer Motion Forms: React Hook Form Validation: Zod State: Zustand Backend: Node.js / Next.js API Routes Database: PostgreSQL ORM: Prisma Authentication: Clerk or Better Auth AI: OpenAI / Gemini / Claude (pluggable) Deployment: Vercel ──────────────────────────────────────── DESIGN REQUIREMENTS ──────────────────────────────────────── Create a product that feels like a real startup used by founders. Think Linear, Notion, Raycast, Vercel Dashboard, and Stripe Dashboard. Use excellent typography, spacing, reusable components, polished empty states, loading skeletons, toast notifications, confirmation dialogs, and accessible keyboard navigation. Do not generate placeholder-heavy pages. Build realistic layouts with production-quality UX that could be shipped as an actual SaaS product.