Music Maker App

This is an attempt to build ChromeExperiments - Song Maker tool (https://musiclab.chromeexperiments.com/Song-Maker) using ReactJS

Stack Used

• Next.js
• Tailwind CSS
• Typescript
• Tone.js
• React Icons

This is a Next.js project bootstrapped with create-next-app.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.

Features

• Create music using polySynth notes with two octaves and drum beats on the music sheet
• You can play and pause the music.
• You can change the tempo of the beats using the slider.
• You can change the length of the music sheet by going to settings menu.
• This application is fully responsive for mobile devices, tablets as well as desktops, laptops and other bigger screens
• When the music sheet is played it is autoscrolled to keep the playing notes in the view on the screen.