pantry panic

$ a recipe management application

01.

Overview

This was a group Web Development project. In this project, we created a website whose purpose was to help users find recipes they could make using the ingredients they had on deck using the Spoonacular API. My primary role in this project was working with the backend to integrate the recipe API and database.

You can view the website here. However, the project is currently not functional due to a cancellation of the API service.

Technologies Used

  • Web Development: HTML, CSS, JavaScript
  • APIs: RESTful APIs, JSON
  • Version Control: Git, GitHub

Links

02.

The Product

The final product was a web application that what food items a user had in their "Pantry", and would allow them to simply click a button to perform a search to see numerous recipes they could've made with what they had on deck.

The website was designed to be user-friendly and visually appealing, with a clean and modern interface. The main features of the website included:

  • Pantry feature to manage and search using ingredients set
  • Ingredient-based recipe search
  • Save favorite recipes using local storage
  • View recipe details and instructions

Some other features include the ability to export/import your favorite recipes and media queries to make the website mobile friendly.

Pantry Panic Screenshot
03.

Takeaways

This was my first time using an API and I learned a lot about how to work with them effectively. I gained valuable experience in making API calls, handling responses, and integrating data into a web application.

Some key takeaways include:

  • APIs are very powerful tools and very useful overall
  • Effective communication mitigates a majority of issues that arise in group projects
  • Understanding the importance of user experience and accessibility in web design
  • Experience working with JavaScript and asynchronous programming