Metronome App

A personalized metronome app for musicians. It allows users to set custom beats and tempos.

📗 Table of Contents

• 📖 About the project
  • 🛠 Built with
    • Tech stack
    • Key features
  • 🚀 Live demo
• 💻 Getting started
  • Setup
  • Prerequisites
  • Install
  • Usage
  • Run tests
  • Deployment
• 👷 Author
• 🔭 Future features
• 🤝 Contributing
• ⭐️ Show your support
• 🙏 Acknowledgements
• 📝 License

📖 About the project

This project is a metronome web application designed to help users maintain consistent rhythm and tempo through an intuitive and minimalistic metronome interface. It allows users to set beats per minute (BPM). The application is built using vanilla JavaScript.

To ensure a responsive and accurate user experience, a smoke test was conducted, making sure the tempo shown on the interface matched the expected BPM. It offers both visual and auditory cues for beats.

This project is a Single Page Application (SPA), utilizing modern web technologies to deliver a smooth and interactive experience. With client-side rendering, the app provides real-time feedback and settings adjustments without the need for page reloads, allowing users to focus entirely on their rhythm training.

This was built using vanilla JavaScript, HTML, CSS, DOM Manipulation, Audio API, and BEM notation.

🛠 Built with

Tech stack

Languages and technologies

• Vanilla JavaScript
• HTML
• CSS
• Git
• Reaper

Key features

• [Customizable BPM]
• [Minimalistic user interface]
• [Single Page Application]

(back to top)

🚀 Live demo

• Live Demo Link

(back to top)

💻 Getting started

To get a local copy up and running, follow these steps.

Setup

Clone this repository to your desired folder:

git clone https://github.com/J-C-S-V/metronome.git

Install

No need to install any dependencies for this project.

Usage

Open the index.html file in your browser to view the project.

Run tests

Tests will be added in the future.

Deployment

You can deploy this project using:

• GitHub Pages

(back to top)

👷‍♂️ Author

👷‍♂️ Juan Sanchez

• GitHub: Juan Sanchez
• Twitter: Juan Sanchez
• LinkedIn: Juan Sanchez

(back to top)

🔭 Future features

• [Personalized beats]
• [Tempo tap detection]
• [Custom subdivisions]

(back to top)

🤝 Contributing

Make this app better. Contributions, issues, and feature requests are welcome! 😀

Fork this repository and create a pull request to add your changes.

Feel free to check the issues page.

(back to top)

⭐️ Show your support

If you get inspired by this project you can give a star to this project here on Github 🙌

(back to top)

🙏 Acknowledgments

I would like to thank Reaper for providing the audio engine for this project 🚀

(back to top)

📝 License

This project is MIT licensed.

(back to top)