Inspiration

One of our team members, Ali, was at home alone last summer with food items in his refrigerator about to go expire. He wanted to make something out of them but didn't know what. Born was the idea for Letscook, the reverse recipe cookbook. All you have to do is put what you have at home and out comes a delicious recipe for you

What it does

LetsCook is a reverse recipe cookbook. It utilizes the power of ChatGPT to let users input the ingredients they have on hand. Based on those ingredients, the app generates customized recipe suggestions. But we didn't stop there – we wanted to elevate the cooking experience. After displaying the recipe/dish, LetsCook also provides an image of the prepared dish so users can visualize the meal they're about to prepare.

How we built it

We built LetsCook using React, and Javascript as the frontend framework, enabling us to create an interactive and user-friendly interface. To integrate the ChatGPT API, we utilized its endpoint and developed the necessary logic to retrieve and process user input, ensuring accurate and relevant results. Additionally, the website is responsive to ensure consistency across various screen sizes. To enhance the visual experience, we incorporated DALL-E 2 to showcase images of the suggested dish.

Challenges we ran into

One of the main challenges we faced was understanding and implementing the ChatGPT API to effectively retrieve and process user input. We had to develop a system that could handle user queries, interpret the ingredient list, and generate meaningful and accurate recipe suggestions. Another challenge was optimizing the performance of the web application to ensure a smooth user experience, particularly when dealing with a large number of user requests and processing intensive natural language processing tasks.

Accomplishments that we're proud of

We take pride in successfully developing a fully responsive frontend web application that effectively captures user input and generates specific directions for preparing dishes based on the listed ingredients. Our team's efforts in implementing the ChatGPT API and creating a seamless user experience have resulted in an intuitive and practical cooking tool. Additionally, we achieved a visually appealing interface that enhances user engagement and satisfaction.

What we learned

Throughout the development process of LetsCook, we learned how to implement the ChatGPT API to retrieve and process user input. We gained insights into natural language processing techniques, such as query interpretation and recipe suggestion generation. Additionally, we deepened our understanding of front-end development using React JavaScript and responsive design principles. We also learned the importance of optimizing performance to deliver a smooth user experience.

What's next for LetsCook

In the future, we plan to implement the user login feature, allowing users to create accounts and access personalized meal prep plans based on their target weight and dietary preferences. These meal plans will provide users with customized recipes and portion sizes to help them achieve their health goals. We will also introduce a subscription-based model, offering users the option for weekly, monthly, or one-time payment plans. Our goal is to continuously improve LetsCook by incorporating user feedback, expanding the recipe database, and delivering a seamless cooking experience.

Built With

Share this project:

Updates