Recipes.find()

• 

  Main Page

• 

  Example of recipes

• 

  Example of recipe instructions

Inspiration

As a college student with limited cooking experience, I was inspired to create a solution that could help people like me. I often found that when searching for recipes online, they would include ingredients I didn't have on hand. So, I set out to develop a hack that would address this issue.

What it does

Recipes.find() is designed to help users find recipes based on the ingredients they have available. By simply entering the ingredients they possess, users are presented with an array of recipe suggestions tailored to their input. Clicking on a recipe card will reveal a detailed instruction on how to prepare the meal, making finding recipes and suggestions much easier.

How I built it

I built Recipes.find() using Visual Studio and various languages and technologies such as HTML, JavaScript, CSS, and Spoonacular's API. By leveraging these tools, I was able to create a responsive and user-friendly interface that connects with Spoonacular's recipe database.

Challenges I ran into

I encountered challenges such as handling API request limits, ensuring the responsiveness of the design across different devices, and applying the instructions for each recipe in a readable and user-friendly interface.

Accomplishments that I'm proud of

I'm proud of creating a functional web application that addresses a common issue faced by many students. I am also proud of making the integration of an API work with my web application.

What we learned

As this is my 2nd experience working with APIs, I feel that I have gained a deeper understanding of how to effectively use APIs to enhance a project. Throughout the development process, I also feel I have improved my skills in web development, and learned more about JavaScript.

What's next for Recipes.find()

Built With

• api
• css
• gimp
• git
• github
• html
• javascript
• spoonacular-api