Pantry Panic
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
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.
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