Web Metronome

A dynamic, interactive metronome application built with React, leveraging the Web Audio API for real-time audio processing. This app allows musicians to customize beat patterns, adjust BPM in real-time, and ensure precise rhythmic support with a user-friendly interface.

Features

Dynamic Beat Patterns: Customize your metronome with adjustable beat patterns to fit various musical styles and needs.
Real-time BPM Adjustment: Seamlessly adjust the tempo (BPM) on the fly without interrupting the rhythm.
High-Performance Audio: Utilizes the Web Audio API for precise, low-latency audio scheduling.
Responsive Design: A clean, intuitive interface that adapts to different devices and screen sizes.

Technologies Used

React: For building the user interface with functional components and hooks.
Web Audio API: For managing audio timing and playback.
TypeScript: For overall application logic.

Live Preview

Check out the live application here: Dynamic Metronome

Experience the real-time beat control and BPM adjustment capabilities of this dynamic metronome application directly in your browser.

Installation

Prerequisites

Node.js
Command line

Steps

Clone the repository:

git clone https://github.com/nktvit/web-metronome

Navigate to the project directory:
```
cd web-metronome
```
Install NPM packages:
```
npm install
```
Start the development server:
```
npm start
```