BMORE protein pub

An animated website for a local bar

Deployed web app

Technologies used

• React (hooks)
• JS / HTML / CSS
• GSAP

Features:

• React Functional Components for separate menus.
• reusable GSAP animation.
• animated SVG images.
• a modern responsive design using corporate's color palette.

Challenges:

• separating the menus between Components for quicker management.
• useRef hook to trigger or kill animation timeline dynamically.
• refreshing the scrollTrigger called on a component’s state update to keep animations in place.
• incorporated Flexbox and media quieries to adjust layout according to a screen size.