Skip to content

mwilk94/Global-Foods-Cocktails

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

41 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Global Foods and Cocktails

Due to the heavy restrictions because of Covid many people are unable to travel.

We have designed a website for people who wish to explore culture through foods in a simplistic yet sophisticated way -The-Cloud-Beaters

GitHub Repository Name

Global Foods and Cocktails

Framework & Features

The website was built using Javascript, Html, Bulma and Cascading Style Sheets; and integrated the server-side API's, Edamame and Spoonacular. It also uses client side storage. The Graphical User Interface is simple, attractive, easy to use and is responsive, adapting to multiple screen sizes.

Deployment Link

https://mwilk94.github.io/Global-Foods-Cocktails/

Page Layout and Features

Our page layout consists of a header with a button and dropped down list that searches foods and cocktail API's.
There is also a search area that queries for specific foods/ingredients. The results are displayed in columns on cards with pictures. When the recipe is selected the corresponding site is displayed.

Acknowledgements

https://www.w3schools.com/default.asp https://developer.mozilla.org/en-US/ https://rapidapi.com/hub https://developers.google.com/maps/documentation/javascript/get-api-key https://spoonacular.com/food-api/console#Profile https://www.edamam.com/

Screenshot Link

(https://user-images.githubusercontent.com/105450668/180341526-aa662bd4-a72d-48b4-85ae-182eeff6049c.png)