Sometimes we don't know what to eat or drink. So we've created an interactive and responsive website using 2 server-side APIs with a client-side storage for this problem. We've utilized APIs to retrieve information on recipes as well as pairing a cocktail with your food.

For our front-end framwework, we used 'foundation' to design our project.

Our motivation for our project is to solve a common problem we have, as well as to apply what we've learned so far.

We've learned how to use client-side storage to store constant data, selecting and dynamically generating HTML elements and content using Web API methods, storing and retrieving data using the browser's local and session storage, implementing CDNs to leverage third-party APIs, implementing front-end developing frameworks, and using JavaScript frameworks to select, traverse, and manipulate the DOM.

• Link to our project.

• Link to our REPO

    N/A

Simply search for a recipe, and click the button to generate a cocktail!

• Jeremy Skinner (JavaScript)

• Eileen Ma (JavaScript)

• Kevin Tran (Web Design)

• Genesis (Oliver) Gregorio (Web Design)

    N/A     

• The Cocktail DB

• Edamam Food and Grocery Database

• Front-end Framework: Foundation