Beatnome

Link to live website

Interactive metronome and drum machine

An application made in React.js for musicans to help them stay on beat and play with a metronome.

Developer

• Hayden Gregory
  • Linkedin
  • Github

Project Status

Up and running!

Project Screen Shot(s)

Home Page:

Drums Page:

Kanye Page:

(Random fun kanye page added to meet the api fetch requirement for the project)

Reflection

• One week solo react project for Digital Crafts
• Set out to build website that delivers useful visual effects for aiding music teachers in teaching how to play with a metronome.
• This project was a learning experience for learning how to use Framer Motion and React.

Background:

In the end, the website was built using JavaScript, React Bootstrap, Redux, Framer Motion, HTML, and CSS via Styled Divs.