Metronome, a tool for musicians

Metronome is an app built with the SvelteKit framework. It lets musicians keep time in bars to practice over a backing track.

Options:

Metronome comes with the following features:

• Modular BPM: change the BPM with two buttons (increase/decrease) or a slider.
• Notification banner that shows a message based on the set BPM: Super slow, Slow, Relaxed, Steady, Lively, Fast, Very fast, Full speed.
• Play/stop button.
• Buttons to increase or decrease the time signature.
• Transition effects.
• Responsive on mobile and tablet.

How to use it:

Metronome is licensed under MIT and built for educational and personal purposes, to sharpen my skills. You can download it for free from my GitHub repository and reuse it for your own projects. Keep in mind you’ll need at least basic Node.js knowledge.

Here’s how to set it up for development and build it for production.

Development:

Once you’ve downloaded the app and installed the dependencies with npm install (or pnpm install or yarn), start a dev server:

npm run dev
# or start the server and open the app in a new browser tab
npm run dev -- --open

Production:

Before creating a production build of your app, install an adapter for your target environment. Then:

npm run build

You can preview the built app with npm run preview, regardless of whether you installed an adapter. Don’t use this to serve your app in production.