Abuelita

It’s like having your dear abuela on speed-dial!

Comment

Inspiration

I was inspired to make this website as someone who loves to cook. I oftentimes find myself with the problem of not knowing what to make, or now know what I can make with what I already have. Additionally, recipe websites are full of all sorts of filler that makes getting to the actual recipe a hassle. I wanted to create a way to make the process easier and more accessible.

What it does

Abuelita takes two input fields: your available ingredients, and what type of food you are craving. Based on those inputs it will provide a personalized recipe recommendation as well as a link to the website where the recipe was pulled from. No fluff, no complications.

How we built it

We designed the front-end with React.js and CSS. For the back-end we leveraged OpenAI for designing the recommendation and Selenium for scraping the web for relevant recipes. We also used Express to run the backend server for communicating with the APIs.

Challenges we ran into

Learning how to use and interact with OpenAI's API as well as Selenium was difficult. They were both new technologies for us so we had to learn as we went along. Once we figured out how to connect everything and get it working however, things went a lot smoother and we were able to focus on developing the program.

Accomplishments that we're proud of

The recipe recommendations, after running through OpenAI and Selenium are unique and accurate. The website accomplishes the goal of making cooking more accessible for everyone, and is streamlined and user friendly. Despite only having 2 members we managed to complete what we set out to do and had a good time.

What we learned

We learned about the challenges of using APIs in the back-end, communicating with the front-end. It was out first time creating a project integrating Gen AI, and after making Abuelita we feel like we learned a lot about how to leverage AI into a project, to create a more dynamic and powerful end product.

What's next for Abuelita

The next steps for Abuelita would be integrating Firebase, so that users can log in and save their recipes, as well as further refining the AI to give even better recommendations.

Built With

Share this project:

Updates