Inspiration

Cooking apps always felt static—just long recipes that don’t adapt. If you’re missing ingredients, short on time, or trying to hit nutrition goals, you’re on your own. I wanted something smarter: an AI that actually thinks with you while you cook, like a real assistant in your kitchen.

What it does

Chef Claude is an AI-powered cooking assistant that generates personalized recipes based on your ingredients, goals, and preferences. It doesn’t just give you a recipe—it adapts it, suggests swaps, scales portions, and guides you step-by-step in real time.

How I built it

I built Chef Claude as a single-page React app focused on performance and simplicity. The UI is inspired by clean, minimal design systems with smooth transitions and bottom-sheet navigation.

Frontend: React (hooks-based architecture) State management: Local component state + structured data models UI/UX: Custom design system with light/dark themes AI integration: Structured prompts + JSON parsing for recipes Features: Real-time cooking mode, pantry tracking, smart suggestions, and voice guidance Challenges I ran into

One of the biggest challenges was handling inconsistent AI responses. Recipes had to be parsed into structured data without breaking the UI, so I had to build safe parsing and fallback systems.

Another challenge was UX—making something powerful without overwhelming the user. Balancing simplicity with deep functionality took a lot of iteration.

What I learned

I learned how to design AI-first interfaces, not just bolt AI onto a product. Structuring prompts, handling edge cases, and building around unpredictable outputs was key.

I also improved a lot in frontend architecture—keeping a large, feature-rich app clean and scalable.

What's next

Next, I want to expand Chef Claude with smarter nutrition tracking, better voice interaction, and deeper personalization—eventually making it feel like a true AI chef that learns your habits over time.

Built With

Share this project:

Updates