Skip to content

Find your next favorite cocktail using our latest search engine! Beverly Lounge is a straightforward full-stack platform to search for recipes and track your favorites.

Notifications You must be signed in to change notification settings

RobinHerzig/Beverly-Lounge

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

42 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Beverly Lounge


Beverly Lounge

Find your next favorite cocktail using my latest search engine! Beverly Lounge is a straightforward full-stack platform to search for recipes and track your favorites.

How It's Made:

Drink information is provided by: https://www.thecocktaildb.com/api.php

When the server receives the client's search request, it fetches the drink information from the source above. Using EJS, that data is parsed and rendered to the page server-side.

The layout of each card was built using flexbox, and media queries were used to change the design at different device widths.

The bookmark icons save drink ID to localStorage. Cards that are bookmarked will appear brighter than the others, even after the user reloads the page.

Optimizations:

Several errors were discovered in the cocktail database. Since I'm unable to fix these at the source, fixed them within EJS. The typical workflow for this involved splitting the strings into an array and correcting spacing or adding missing punctuation. While this fixed the majority of the issues, edge cases may still exist.

Future iterations will include membership signups and connection to a MongoDB database. This will allow for two new features:

  1. User's can add new drinks.
  2. User's can save drinks and access them later.

Installation:

  1. Download or clone the repo onto your local machine.
  2. In your terminal, enter npm install to download and install the dependencies.
  3. In the terminal, enter npm start to run the local server. Access it via http://localhost:8000/.

Feedback:

Feedback is always welcome! I invite you to message me your comments and ideas using any of the social media listed within my profile.

About

Find your next favorite cocktail using our latest search engine! Beverly Lounge is a straightforward full-stack platform to search for recipes and track your favorites.

Topics

Resources

Stars

Watchers

Forks