Monstercat

Solution for a challenge from Frontendpractice.com.

Github Pages | Frontend Practice

Table of Contents

• Overview
  • Built With
• Features
• Useful Resources

Overview

Built With

• Grid
• Flex

Features

The challenge was to build an application to complete the following user stories:

• User story: Recreate the layout
• User story: Create a working play & pause button with your song of choice.
• User story: Add the sticky audio controls menu in the top right as you scroll down. (Outdated?)

Useful Resources

• Monstercat
• Font Awesome - Icons
• Codepen - Cursor blend mode
• Dev.to - circular cursor
• Forum - audio tag inside button tag?
• Catswhocode - Audio tag
• YouTube - Vivi
• Drivereasy - Extract Audio from YouTube
• Stack Overflow - Custome Cursor interaction w/ DOM elements