TASTETRAIL

Inspiration

The inspiration for this project came from the everyday challenge of deciding "What should I cook today?" Many people struggle with meal planning, especially when trying to use the ingredients they already have or cater to specific dietary preferences. We wanted to create a solution that not only simplifies this process but also makes cooking an enjoyable and stress-free experience.

What it does

The website serves as a convenient platform for users to explore and discover various recipes based on their preferences and available ingredients. By integrating Gemini AI and the MealDB API, users can easily access a wide range of recipes categorized by different types of food. This saves users time and effort in searching for recipes across multiple sources or cookbooks.

Users can benefit from the following features:

Recipe Exploration: Users can browse through different categories of food to find recipes that match their taste preferences or dietary requirements.

Ingredient-Based Recipe Generation: The chatbot feature allows users to input the ingredients they have on hand and their preferences, and it generates a recipe tailored to their inputs. This simplifies the process of meal planning and cooking, especially when users want to make use of ingredients they already have at home.

Detailed Recipe Information: Each recipe includes detailed information such as ingredients, their measures, and step-by-step instructions for preparation. This helps users follow along easily while cooking and ensures they have all the necessary information to recreate the dish accurately.

Chat History Preservation: The chat history feature preserves previous interactions with the chatbot, allowing users to refer back to previous recipe suggestions or conversations. This can be useful for tracking past recipe recommendations or revisiting cooking tips provided by the chatbot.

How we built it

Incorporated Reactjs, Gemini and the MealDB API

Challenges we ran into

Integration of Gemini AI: The integration of the chatbot was a bit confusing the first time. To overcome this challenge, I carefully studied the documentation, experimented with sample code to understand how to integrate it in reactjs.

Handling Asynchronous Data Fetching: Fetching recipe data from the MealDB API asynchronously posed challenges, especially in managing loading states and handling errors. To address this, I implemented error handling mechanisms and loading indicators to provide a smooth user experience while waiting for data to load.

Accomplishments that we're proud of and even got the help of CodeBuff

What we learned

Through this project, we learned how to effectively utilize third-party APIs like MealDB and integrate AI-powered solutions, such as Gemini AI, into a web application. An exciting part of the journey was refining our project using CodeBuff, which provided valuable insights into improving our code structure and optimizing performance. It also inspired us to incorporate new features like the rating system and meal planner.

What's next for TASTETRAIL

Personalized Dietary Profiles: Adding user-specific dietary profiles to offer tailored recipe suggestions, such as keto, vegan, or gluten-free options.

Grocery List Generator: Introducing a feature where users can automatically generate a shopping list based on their weekly meal plan.

Integration with Smart Devices: Connecting with smart kitchen devices like ovens or fridges to streamline the cooking process even further.