Recipes Food App

The Task:

• We have been tasked with creating a web application using the following:

  • Use Bootstrap or some other CSS framework.
  • Be deployed to GitHub Pages.
  • Be interactive (i.e., accept and respond to user input).
  • Use at least two server-side APIs.
  • Does not use alerts, confirms, or prompts (use modals).
  • Use client-side storage to store persistent data.
  • Be responsive.
  • Have a polished UI.
  • Have a clean repository that meets quality coding standards (file structure, naming conventions, follows best practices for class/id naming conventions, indentation, quality comments, etc.).
  • Have a quality README (with unique name, description, technologies used, screenshot, and link to deployed application).

Technologies Used:

• We have used the following technologies to create our app:

  • CSS
  • Bootstrap
  • UIKit
  • JQuery
  • Javascript
  • Spoonacular API: https://spoonacular.com/food-api
  • Emoji API: https://emoji-api.com

Installation

To run the application, simply open the following link in your chosen web browser.

Enter a food type into the search bar, such as pizza! this will return 9 recipe info cards relating to your serach. Once your cards have been displayed, click on the recipes button for more detailed information such as the ingredients and cooking process. You can like/dislike the card for future reference.

Recipes Food app: https://shaky411.github.io/Project-1

Usage

Upon entering the site, the user is shown a menu and a search bar, by clicking and interacting with these buttons, the user is redirected to the appropriate page. The search bar feature allows users to type in a food, a range of cards will appear below, showing a picture of the food and the associated recipe for it, on the 'recipes' button. The user can access this recipe and either choose a thumbs up or thumbs down emoji.

Screenshots

Credits

N/A

License

MIT license