This post is my submission for DEV Education Track: Build Apps with Google AI Studio.
What I Built
I built an app called FridgeFeast.AI. It solves a common problem: staring at your fridge and not knowing what to cook.
The app allows users to either scan their fridge or manually enter the ingredients they have at home. Then, using Google Gemini, it instantly generates a curated menu of recipes that match those ingredients perfectly.
The Prompt I Used:
To create this app, I used the "Build apps with Gemini" feature. Here is the main prompt I used to generate the application:
"Create a React application called FridgeFeast.AI. It should have a dark, modern UI with green accents. The app needs two main buttons: 'Scan Fridge' and 'Manual Entry'. When a user inputs ingredients, use the Gemini API to generate 4 creative recipes including cooking time and difficulty level. Display the results in cards."
(Note: I also refined the UI to make the cards look more elegant and added the '100% Match' badges).
Demo
You can try the app yourself here:
Click here to try FridgeFeast.AI
Here is what the app looks like:
My Experience
As a university student beginning my journey in AI and Data Science, this was an exciting project.
What I Learned:
- Prompt Engineering: I learned that being specific with my instructions (prompt) helps Gemini build exactly what I imagine.
- Rapid Prototyping: I was surprised by how fast I could go from a simple idea to a working app. Google AI Studio handled the complex coding parts, allowing me to focus on the logic and design.
It was a great experience to see how easily we can integrate GenAI into practical, everyday tools like a recipe finder.
Top comments (0)