Inspiration

As college students, we find it difficult to be able to cook food with multiple ingredients around our dorms/apartments. As a result, we wanted to generate possible recipes we could cook (with a step by step guide) so we don't feel overwhelmed with options or do not know what exactly we can cook with what we have.

What it does

Type in the ingredient(s) that you have at home and you will automatically be suggested to recipes (with links on how to make them) that you can possibly make.

How we built it

We used Python, React, Flask, Bootstrap, and HTML/CSS to create this application. For the backend, we primarily used Flask to obtain recipe names, links, and ingredients. Additionally, we stored this data in MongoDB which we can send requests to and output it to our Bootstrap page (where it would be output in a neat way).

Challenges we ran into

We found it difficult to integrate React and Flask together or connect the backend with the frontend. In the end, we ended up being able to do it!

Accomplishments that we're proud of

Creating a backend and frontend that works cohesively together. In addition, the ability to view multiple options based on the ingredients we have is great. It's great that it is laid out in a aesthetic way.

What we learned

We learned to adapt to situations such as when the backend did not integrate with the initial front end. We took it upon ourselves as a team to help each other and communicate with each other. This communication allowed us to create a working MVP.

What's next for Chinese Recipe Suggestion

We would like to style the page more (make it so that it doesn't feel like a scrolling "hell" going through the recipes). For the backend, we would make sure that we grab recipes that ONLY have the ingredients that we input rather than get the possible recipes (this can be a button or option that the user selects). We would also add more features such as filtering different recipes and have better recipe recommendations.

Share this project:

Updates