Metronome and Recorder App using React and Ionic

Metronome & Recorder App

A cross-platform mobile app using React and Ionic was made for musicians to help record their music and even help with their timing.

Features:

  • Cross-platform support for Android and Web
  • Metronome with customizable BPM and sound
  • Recorder that can record audio and save the file to the device
  • Files tab to play previously recorded files
  • Support for both dark and light modes

Screenshots:

How to Run the App:

  • Go to the command line and change directory into the root
  • Install node modules if you don’t already have it
  • Run ‘ionic build’ and install Vite when it prompts you
  • Run ‘ionic cap sync’
  • Then you’re ready for either:

Web Version:

  • Run ‘ionic serve’

Android Version:

  • Install Android Studio
  • Run ‘npx cap open android’ in the root
  • This will open the android studio project, either plug in your physical phone or set up a virtual one
  • Press the green run button once its ready, and it will install!

GitHub

View Github