The Metronome is a browser-based timing tool designed for musicians who want precise, reliable tempo control during practice. It supports adjustable BPM and subdivisions to accommodate different practice styles and rhythms. The project was built to explore accurate audio scheduling in the browser and predictable state management for time-sensitive interactions.
| Light Mode | Dark Mode |
|---|---|
 |
 |
https://the-metronome.netlify.app
- Adjustable BPM and time signature
- Accurate audio click scheduling
- Visual beat indicator aligned with audio timing
- Light and dark mode support
- Responsive layout across desktop and mobile devices
- Accessible UI with ARIA attributes and keyboard navigation
- React
- Typescript
- Vite
- Web Audio API