Virtual Keyboard

Click here to play

Objectives

• Design patterns in React TypeScript apps
• Using third-party APIs

Features

A virtual piano keyboard with a list of instruments for selecting different sounds. Designed for screens larger than 1000px and above.

Built With

• React
• TypeScript
• npm
• HTML5/CSS3
• AudioContext API

Getting Started

• Clone this project by running git clone git@github.com:george-swift/virtual-keyboard.git
• Run npm install to install the required dependencies.
• After installing all dependencies, run npm start to fire up a local server with live reloading.
• If not already redirected, visit http://localhost:3000/ in your browser to use Virtual Keyboard
• To terminate the server, enter Ctrl + C in your terminal.
• To get a production bundle, run npm run build

Authors

👤   Ubong George

• LinkedIn: Ubong George
• Twitter: @__pragmaticdev
• GitHub: @george-swift

Acknowledgments

• TypeScript
• React
• Fullstack React with TypeScript

Show your support

Leave a ⭐️   if you like this project!

License

Available as open source under the terms of the MIT License.