Task: Build a custom website using Shopify.

Built using: HTML, CSS, Vanilla JS, and Liquid

This first section is the mobile homepage of the Good Time Brewing site.

This second section shows a pop-up the user gets when they first enter the screen. If it is X'd out, it generates a fixed tab on the side of the screen to make the pop-up show again, which is shown in the photo after.

This next section is the "Find Us" section of the page, where users can find stores selling Good Time Brewing near them. I initially built this using the Google Map API, but as the company continued to grow, I decided to use the 'Storepoint' app instead. It allowed for easier maintenace by myself and the team, as well as features that would've been more costly to build from scratch.

For the mobile 'About' section of the site, my client requested a swipable timeline that allowed the user to go through and see every stage of Good Time's beginning. I suggested a visual that showed when the timeline had reached the end, or was back at the beginning, and implemnted that using vanilla javascript! Below is a video of how that turned out!

The final thing I wanted to highlight on this site was the mobile review carousel I made. I used vanilla javascript to transform the div by the width of each review to give it a sliding effect.