DEV Community

MD Taseen Khan
MD Taseen Khan

Posted on • Originally published at reactjsexample.com on

Metronome and Recorder App using React and Ionic

Metronome & Recorder App

Metronome and Recorder App using React and Ionic

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:

Metronome and Recorder App using React and Ionic Metronome and Recorder App using React and Ionic Metronome and Recorder App using React and Ionic Metronome and Recorder App using React and Ionic Metronome and Recorder App using React and Ionic Metronome and Recorder App using React and Ionic Metronome and Recorder App using React and Ionic

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

Top comments (0)