So-Cal Brew Hopper

UCSD Full Stack Flex Bootcamp - Project 1

University of California San Diego Cohort 2022

Project Description:

As a user, I want to search for breweries using names and locations to create a bucketlist with my desired destinations. I want my bucketlist attached to the same application with selected brewery names and be able to remove breweries from my list after my destination visit. I want to see my saved bucketlist when I revisit the application at a later date.

We present, So-Cal Brew Hopper. brew Hopper is an interactive tool that allows our user to search for desired breweries in the San Diego area and turn their destination into a custom user bucket list at the top of the site using a toggle button. This will allow the user to actively track which breweries they have yet to visit, as well as remove them once their visit is completed. If the user is looking to stay in for the night, the app also provides a featured cocktail recipe.

Modal on load of page Home Page Search Results Bucketlist (Shopping Cart)

User Instruction:

This application is still in it's developmental phase and requires CORS access. Please be sure to visit CORS Anywhere to unlock temporary access before entering So-Cal Brew Hopper.

Project Requirements:

Using agile project management, we were instructed to create an application with the following requirements:

• Custom CSS style pages and Bootstrap

• Deployed to GitHub Pages

• Interactive and responds to user input

• Uses two server-side APIs

• Uses modals

• Uses local storage to save selected brewery

• Responsive

• Polished UI

• Clean repository with proper file structure, labels, comments, etc...

• Detailed README

Tech/framework used:

HTML, CSS, Canva, JavaScript, JQuery, Bootstrap, Postman

APIs:

• The Cocktail DB - An open, crowd-sourced database of drinks and cocktails.

• Yelp Fusion - Delivers current local data using various restaurant attributes.

Group 9 Team Members:

• Isaac Gonzalez (@IsaacAGonzalez)

• Christen Lorber (@cmarielorber)

• Louis Yoon (@louyoon89)

Successes:

Worked as a communicative and supportive team to create a responsive application.

Links:

So-Cal Brew Hopper

So-Cal Brew Hopper Presentation