Creating an app that provides users with a randomised movie and cocktail combination.
This was a team project by "The Lost".
We identified a desperate need in the market. People were systematically failing to choose the correct movie to be shown at their parties, and even more concerning, they didn’t know which cocktail would enhance the experience.
Our goals were:
- To use both a cocktail and movie API to enhance party planning,
- The use client-side storage to allow users to save combinations they like,
- To use bootstrap and modals to show a modern, well organised website,
- Most importantly, we wanted user input to dictate the response.
We used the following technologies while adopting an agile workflow:
- Github
- Visual Studio Code
- JavaScript
- HTML
- CSS
- Bootstrap
*** Disclaimer: some cocktails do not get displayed properly when saved. We have diagnosed that this is due to the API naming syntax which for a few cocktails is different than the others (vermouth cassis).
The deployed application can be found at:
https://resonantdevotion.github.io/MovieSlashCocktailParty/
Once the user enters the page they can see the full web application.
The navigation bar allows users to move between the pages. The user can access the home and recipe pages by clicking the relevant buttons.
The user can find a random combination of movies and cocktails by clicking the "CLICK ME!" button.
If the user likes the cocktail, they can save its recipe by clicking the "I LOVE THIS! SAVE THIS RECIPE!" button.
Once "I LOVE THIS! SAVE THIS RECIPE!" is clicked, the user receives a pop up (modal) that their recipe has been saved. This pop up also allows the user to continue finding new results in the home page or direct them to the recipe page where their cocktails are stored.
On the Recipe page, the user can access their saved recipes by clicking on the specific cocktail name.
Users also have the ability to clear a specific cocktail off the saved list, and if they want to search for more recipes, they can click the "GET ME ANOTHER MATCH!" button.
Amelia Bramwell, Benjamin Cottrell, Haris Haider, and Rebecca Wood.
MIT license - Please see the License in the Repo.
For contributions please find us on the skills bootcamp slack channel!
© 2022 edX Boot Camps LLC. Confidential and Proprietary. All Rights Reserved.