🍴
ChompChew

Discover Recipes You Can
Actually Eat

Browse our curated collection of safe, delicious recipes tailored to your dietary needs and preferences.

🍽️ About ChompChew

AI-Powered Recipe Discovery for Dietary Safety

Modern web application built with safety-first architecture for users with dietary restrictions and health conditions

🏗️ Foundation & Architecture

  • ✅ Modern Next.js 15 + TypeScript setup
  • ✅ Comprehensive testing infrastructure
  • ✅ Dark mode & theme system
  • ✅ Component library integration

🔍 Recipe Discovery

  • ✅ Enhanced recipe cards with safety validation
  • ✅ Horizontal category navigation
  • ✅ Fallback recipe system (13 recipes)
  • ✅ Responsive grid layout

📱 Recipe Detail Pages

  • ✅ Client-side rendered with loading states
  • ✅ Mobile-optimized layout order
  • ✅ Interactive ingredients checklist
  • ✅ Comprehensive error handling

🤖 AI Recipe Generation

  • ✅ OpenAI integration with prompt engineering
  • ✅ Image generation service
  • ✅ Safety validation pipeline
  • ✅ Database integration for saving

👤 User Management

  • ✅ Profile management system
  • ✅ Allergen tracking
  • ✅ Macro target sliders
  • ✅ Dietary preference selection

🔒 Security & Safety

  • ✅ Safety validation service
  • ✅ Authentication system
  • ✅ Rate limiting
  • ✅ Input validation & sanitization

📊 Technical Metrics

229
Tests Passing
25
Test Suites
87%
Test Coverage
33
Components

🛠️ Technology Stack

Frontend:
Next.js 15, TypeScript, Tailwind CSS
Backend:
Supabase, PostgreSQL, NextAuth
AI & Services:
OpenAI GPT-4, Upstash Redis
Testing:
Vitest, Playwright, React Testing Library
UI/UX:
shadcn/ui, Responsive Design, Dark Mode
DevOps:
GitHub Actions, Continuous Integration

Mission: Reducing daily "What can I actually eat?" anxiety through personalized, AI-powered recipe discovery that respects dietary needs and restrictions.