Recipe Roulette

• 

  Home Page

• 

  Ingredient Roulette

• 

  Recipe Page

Inspiration

With the economy in its current state and people suffering from high food costs we wanted to help the people of our local community get affordable and nutritious food.

What it does

Gives a recipe and three ingredients that are needed for the recipe. The ingredients will all be on discount and sale in grocery store websites.

How we built it

Frontend: React and CSS: Used to build the user interface and define the aesthetics and layout of the React components. JavaScript: Controls the behavior of the application, handling user interactions, and passing URL data to the backend.

Backend: Flask: A Python web framework serving as the intermediary between the frontend and backend which manages incoming requests and responses. BeautifulSoup: A Python library used to web scrape ingredients on sale and recipes Gemini: AI that shortens descriptive names of food on discounts to food prompts

Challenges we ran into

Some grocery store websites blocked scraping so we had to find less prominent websites to supplement the sample space of ingredients.

The names of ingredients we initially got were too long to make into a query for Taste.com which was the website we were getting our recipes from. After trying a variety of options we chose Google Gemini, an AI to parse the ingredient names for us to in order to make it a viable query for Taste.com.

Finding website design ideas to use.

Trying to resolve layout issues such as making the website dynamic and fit to various viewport dimensions.

Accomplishments that we're proud of

We got the frontend to connect to the backend even though this was our first time creating a website. Overall this was just the first time we made a website and we got it functioning. Learning new languages and software in 1 and a half days. Understanding the nuances of these softwares to make a functioning website.

What we learned

We learned how to user Rest API in order to connect the frontend and backend. How to code an effective frontend display. How to effectively work as a team on a local project.

What's next for Recipe Roulette

Device Despoiler. A website that scrapes affordable electronics from across the internet to find the best deals for electronics and PC parts. So once the user inputs the name of the component or electronic device they want the website will return the cheapest and most reliable option.

Built With

• gemini
• javascript
• python
• rest