SHOTIFY

---

PHASE 1 GROUP PROJECT

Group Members: LEONA, RAFIA, CHO

Get a cocktail recipe based on the music you are listening to!

Whether you’re in your feels listening to “Marvin’s Room” by Drake or having a girls night dancing to Beyonce, our app will provide a drink recipe based on what you’re listening to. Shuffle even more of your drink options by selecting night mode or brunch mode - or choose one of our preset moods to decide!

---

CORE FEATURES OF THE MVP

Event Listeners

“Submit” Event Listener- This form submits an artist/song and generates a drink recipe

“Input” Event Listener- User can choose Night party cocktail mode/ Day brunch cocktail mode

“Mouseover” Event Listener - enlarge/change color of the cocktail options

"Click" Event Listener

- Pick a mood

- Select a choice of your cocktail

Array iteration

(.forEach) is used for the Featured Cocktails at the top of the page

---

API Source:

https://www.thecocktaildb.com/api.php

This API is used to generate cocktail recipes

---

Usage:

Javascript, HTML, CSS

---

Challenges Faced/ Future Features:

Working on different branches as a group on Github was one of the challenges we faced (Git merge, push, pull from/to main branch).

Streachable feature we can practice in the future is to embed Spotify player on the page, so that users instantly find and listen to their music on the website.