• 

  Main page

RecipeVision – Project Story

Inspiration

Have you ever seen an amazing dish on social media, at a restaurant, or at a friend's house and wondered, "What is this, and how can I cook it?" Most people have to search manually, often without even knowing the dish's name.

We created RecipeVision to solve that problem. With a single photo, users can identify a dish, receive an AI-generated recipe, and immediately learn how to cook it through a relevant YouTube tutorial.

What It Does

RecipeVision is an AI-powered food recognition and recipe assistant.

Users simply upload a photo of a dish, and the application:

• Identifies the food using AI.
• Generates a detailed recipe with ingredients and cooking instructions.
• Provides a YouTube cooking video to help users prepare the dish step by step.

Instead of spending time searching for the name of a meal and then looking for recipes separately, RecipeVision combines everything into one seamless experience.

How We Built It

RecipeVision combines computer vision, artificial intelligence, and modern web technologies.

The application works by:

• Accepting an uploaded image from the user.
• Using AI to analyze and recognize the food in the image.
• Generating a structured recipe with ingredients and cooking instructions.
• Searching for a relevant YouTube cooking tutorial.
• Displaying everything through a clean and responsive web interface.

The system was designed to provide useful results quickly while keeping the user experience simple and intuitive.

Challenges We Faced

One of our biggest challenges was accurately recognizing different dishes from images, especially when photos varied in quality, lighting, or presentation.

Another challenge was generating recipes that matched the identified dish while remaining clear, practical, and easy to follow.

Finding relevant YouTube tutorials that closely matched the detected food also required careful integration to improve the overall user experience.

What We Learned

Building RecipeVision taught us how to:

• Integrate AI into a real-world application.
• Work with image recognition and computer vision.
• Connect multiple APIs into a single workflow.
• Design a user-friendly full-stack web application.
• Build an AI-powered product that solves an everyday problem.

The project also showed us how combining multiple AI capabilities can create a much more valuable user experience than using a single feature alone.

What's Next

Our vision is to make RecipeVision a complete AI cooking assistant.

Future features include:

• Detecting multiple dishes in a single image.
• Personalized recipe recommendations.
• Nutrition and calorie analysis.
• Support for dietary preferences and allergies.
• Voice-guided cooking instructions.
• Mobile applications for Android and iOS.
• Grocery shopping lists generated from recipes.
• Support for multiple languages.

We believe RecipeVision can make discovering and cooking new meals faster, easier, and more enjoyable for everyone through the power of AI.

Built With

• css
• geminiapi
• html5
• javascript
• languages
• node.js
• railway
• react
• vercel
• youtubeapi