ChefPath Frontend

A personalized cooking mentor app that transforms beginners into confident home chefs through guided meal planning and skill-building.

✨ What We've Built

🎨 Professional UI with Warm Kitchen Design

• Custom "Warm Kitchen" color palette (paprika, sage, turmeric)
• Enhanced shadcn/ui components with cooking-friendly aesthetics
• Responsive design that feels welcoming and approachable

🏠 Engaging Landing Page

• Hero section with clear value proposition
• Feature showcase highlighting personalized meal planning
• Professional navigation with clear call-to-action

📝 Smart Onboarding Experience

• Interactive form with custom sliders and dropdowns
• Professional error validation with red outlines and toast notifications
• Collects cuisine preferences, skill level, cooking frequency, and course duration

🛠 Robust Technical Foundation

• Next.js 15 with TypeScript for type safety
• Tailwind CSS v4 with custom design system
• React contexts and custom hooks for state management
• API integration ready for FastAPI backend

🚀 Quick Start

npm install
npm run dev

Open http://localhost:3000 - your cooking journey starts here!

🏗 Architecture

• Frontend: Next.js 15 + TypeScript + Tailwind CSS
• Components: shadcn/ui with custom Warm Kitchen theming
• State: React Context + Custom hooks
• Validation: Enhanced form validation with Sonner toasts
• Styling: Professional error states and accessibility features