keimdm / recipe-search

0 stars 1 forks source link

Recipe-Search-Application

Description

This application was created for the purposes of assisting the user with making a choice on their drinking preference. This project was made because we understand how indecisive people can be in general so we wanted to create a website that can deal with that indecisiveness. We also wanted to create the project to assist people with finding different receipes of certain ingredients they would want, ex: having a drink that has strawberry and cider in it. The application solves the problem of not knowing what exact drink you want as well as finding a drink that you may want or find interesting considering the ingredients you specifically want. This application helped us to learn how to work on a project as a team, how to use GitHub as a team, and how to use multiple apis to create a unique function and project.

Table of Contents

Installation

To install this application, you need clone the repository. To clone the repository, you go to the green button on the repository that says "< > Code". Then you can choose to copy either the https url or the ssh url if you have a ssh key. After you copy the link, then you go to your terminal on your computer and in the terminal, you change the current directory to the directory you want to place the cloned repository in and then you type "git clone" and paste the url. Finally, you hit enter and the repository will be on your machine and you can open the index.html in your browser by right clicking the html in the directory and choosing which browser to open it in.

Usage

In order to use this application, you will be able to write ingredients in the search bar. You can only put in one ingredient at a time. If you want to add multiple ingredients to filter out drinks that have those specific ingredients, put the ingredient in the search bar and please the "add" button to add the ingredients in a list. You can add as many ingredients as you want but the recipes will only show up if the recipes has all the ingredients in the list. After you have the ingredient(s) you want, press the "search" button to receive your results. The results will show the name of the drink, the ingredients it contains, the servings, and the instructions on the drink. You can press the clear to clear the list and enter a new set of ingredients or singular ingredient and press "search" to get a new set of results. The "help" button is there in case you need instructions on how to use the website. The page will also load with a random cocktail and its ingredients and instructions.

Deployed website: https://keimdm.github.io/recipe-search/

showing page when you put an ingredient in the search bar and add it to the list

showing results

Credits

-David : https://github.com/keimdm -Phillip: https://github.com/moviefan322 -Elvis: https://github.com/Elvisdiaz1 -Chad: https://github.com/chadr208 -Derek: https://github.com/dmantilla17 -Halim: https://github.com/Hshini

OpenWeather: https://openweathermap.org/ Api Ninjas: https://api-ninjas.com/

License

MIT

Features

If your project has a lot of features, list them here. -Can search recipes based of specific ingredient(s) -Can produce a random cocktail on page load -Can determine the temperature to choose whether to display hot or cold drinks -Can produce a haiku based off the random cocktail