OneKeyIngredient

Inspiration

The inspiration for "OneKeyIngredient" was to simplify the process of meal planning and finding a recipe. The idea was to create a website that search's' for recipes based on a single main ingredient, providing users with a diverse range of options.

What it does

"OneKeyIngredient" is a website that, uses the themealDB API, and allows users to input a single main ingredient. It then recommends a variety of recipes that incorporate that ingredient. The site also has a filter box with a dropdown menu containing different recipe categories, making it easy for users to narrow down their choices. There's also a fun "Random Recipe" button for those looking to experiment in the kitchen.

How we built it

The website was built using a combination of web development technologies and the themealDB API. We utilized HTML, CSS, and JavaScript to create the user interface and facilitate user interaction. The themealDB API provided access to a database of recipes, which we integrated into the site to deliver recipe recommendations based on the user's input.

Challenges we ran into

During the development process, some of the challenges we faced included working with external APIs and ensuring the smooth integration of data into our website. The filter dropdown box was hard to create because there was no API which would show results based on both the main ingredient and category so we had to use some creative thinking to create it ourselves.

Accomplishments that we're proud of

We're proud of successfully functional website that simplifies the recipe discovery process. The integration of the themealDB API, the filter box, and the "Random Recipe" button all came together to provide a good experience.

What we learned

Throughout the development of "OneKeyIngredient," we learned valuable skills in web development and working with APIs. e learned a lot about using APIs, designing, and how everything fits together as well as the challenges someone faces when building a website.

What's next for OneKeyIngredient

In the future, we plan to expand and enhance "OneKeyIngredient." This could involve adding user accounts for personalized recipe recommendations, adding user-generated content and reviews, and possibly even including a shopping list feature to help users easily plan their meals and grocery lists.