Skip to content

Solo project where students were challenged to build an application with a short deadline using an API of their choice. User is able to choose ingredients that they typically have on hand which will autopopulate 10 recipes that contain those ingredients.

Notifications You must be signed in to change notification settings

sarahrudy/cook-this

Repository files navigation

cook-this

Cook This

Cook This is designed for students who need to make something quick and easy. It allows a user to choose from a list of 20 popular ingredients and returns a recipe that includes those ingredients. Once the user finds a recipe they're interested in, they can click on the image and it will take them to the url linked to that recipe with more specific cooking instructions.

The app features a responsive design which can be viewed on mobile devices with end-to-end cypress testing.

API

This app uses the Edamam API which scrapes the web for recipes which match a keyword, or in this case, an ingredient.

Deployed Link

cook-this-app.herokuapp.com

Contributors

Technologies Used

  • React

  • ReactRouter

  • JavaScript

  • HTML5

  • Webpack

  • Cypress

  • Node

Setup

  • Fork this web app to your own Github account
  • Clone the repository to your local machine
  • cd into the file
  • Run npm install
  • Run npm start and visit localhost:3000

Future Additions

  • Search function so the user can get more specific with their search (i.e. lobster mac and cheese)
  • Ability to favorite recipes they like

About

Solo project where students were challenged to build an application with a short deadline using an API of their choice. User is able to choose ingredients that they typically have on hand which will autopopulate 10 recipes that contain those ingredients.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published