LearnPiano

website for interactive learning with the piano
Currently in development.

Sample:

Table of Contents

• TechStack
• Folder Structure
• Available Scripts
  • npm start
  • npm run start-nodemon
  • npm run compile-watch
  • npm run all
• Supported Browsers

Tech Stack

• JavaScript
• React
• React Redux
• React Router Dom
• Web Audio Api
• BootStrap
• Font Awesome
• Webpack
• NodeJS
• ExpressJS
• Firebase Auth and Database
• Webpack
• React-Popup
• JSDoc3
• jQuery
• AWS S3

Available Scripts

In the terminal, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

npm start-nodemon

Launches the test runner in the interactive watch mode.

npm run compile-watch

Runs the webpack and builds the bundle.js file.

npm run all

Runs npm start nodemon and npm run compile-watch

For production, modify the webpack.config.js file and add the uglify and production plugins.

Supported Browsers

LearnPianoFun works on all browsers. However, the web audio api is unable to work properly on mobile browsers, so the lessons and mini games cannot be played on mobile devices.

You can refer to the React documentation for more information about supported browsers.