Clean Recipe Generator

Next.js 15 · React 19 · Firebase Genkit · Google GenAI · Firebase App Hosting · April 2026

We follow Clean Program diet and we are doing it roughly for 2 months yearly. I developed a web app to support the program, for meal preparations.

So I built a tool that starts from the rules. You type in what you have. The AI generates a recipe that already complies, not one that almost complies, not one you have to adjust. The compliance is part of the generation, not an afterthought.

It's live at cleanrecipegenerator.com.

How it works

Enter the ingredients you have on hand. The app sends them to an AI flow that constructs a full recipe: prep time, cooking time, portions, ingredient list, step-by-step instructions. Every generated recipe adheres to Clean Program guidelines.

If the result isn't quite right, you don't have to start over. The modify feature lets you push it further: make it spicier, swap the protein, scale it for six people. A second AI flow handles that contextual update. It knows what it already generated and adjusts from there.

The app supports currently two languages, English and Finnish, and respects your preferred unit system, Metric or Imperial, which the AI accounts for during generation, not just in the display.

What it was for me

For me, building this app was mostly about creating and polishing the visual layout and elements for the site, using Google Stitch. I'm really happy with the final result.