S.

Chefrson

An AI-powered recipe organization, meal planning, and automated ingredient extraction platform built with Next.js, Supabase, and DSPy.

Source Live Demo
Chefrson Logo and Preview

Chefrson

Chefrson is an intelligent recipe organization and meal planning platform that helps you capture recipes from any source (URLs, text, photos) and automatically structures them into a personal library.

Visit Live Site | View Repository

🚀 Key Features

  • Omnichannel Recipe Capture: Auto-extract recipes via URL parsing or parsing unstructured text.
  • Smart Ingredient Extraction: Powered by DSPy, Chefrson understands ingredient quantities, units, and products natively.
  • Interactive Calendar Planner: An intuitive drag-and-drop calendar for meal planning that seamlessly connects recipes to dates alongside nutrition insights.
  • Automated Inventory Tracking: Coming soon – track pantry items automatically based on your meal calendar usage.
  • Offline-Capable PWA: Built to look and feel like a native mobile app.

🛠️ Tech Stack & Architecture

  • Frontend: Next.js 14 (App Router) with React Server Components, TypeScript, and Tailwind CSS.
  • Backend & Database: Supabase (PostgreSQL, Edge Functions, Auth, Storage).
  • AI Processing: DSPy for semantic parsing, Anthropic API (Claude 3.5 Sonnet) for recipe understanding.
  • Infrastructure: Vercel (Frontend Hosting) + Cloudflare (Routing/Workers).

🧠 Technical Highlights

  • Dual-Client Auth Architecture: Syncs Supabase sessions across Server Components and the client-side using auth.users combined with custom app_users tables.
  • Edge Architecture Processing: Resource-heavy tasks (like processing calendar meal nutrition and photos) run asynchronously on Supabase Edge Functions.
  • Component Design System: A robust system of interconnected React components such as RecipeCard, CalendarCell, and <MacroSummary /> to build a clean semantic UI.