🥁 Drum Beat Repository 🥁

A rhythm library for playing drum beats in the browser!

Welcome to the Drum Beat Repository, a project built to help musicians, producers, and developers work with drum patterns. This library leverages Angular and the Web Audio API to deliver a smooth, interactive drum sequencing experience right in your browser.

🚀 Features

• Browse Beats: Explore a variety of pre-organized drum patterns.
• Play and Listen: Play back drum beats with precise audio timing using the Web Audio API.
• Interactive Sequencer: Visualize beats in the sequencer and follow the pattern as it plays.
• Organized Structure: Well-structured beat library for easy browsing and listening.

🛠️ Technologies

This project is built with:

• Angular: Modern, component-based front-end framework.
• Web Audio API: Direct access to audio capabilities of the browser for smooth sound manipulation and playback.

⚙️ Local Setup

To run the project locally, follow these steps:

1. Clone this repository:

   git clone https://github.com/Babali42/drumbeatrepo.git
   cd drum-beat-repo

2. Install the dependencies:

   npm install

3. Start the development server:

   npm start

4. Visit http://localhost:4200 in your browser to see the app in action.

🌱 How to Contribute

Contributions are welcome!

See the CONTRIBUTING file.

Contributors

A big thanks to the project contributors!

• Kireo
• GiaHuy0031

📚 References

Misc. references used in this project

• https://rsms.me/inter/
• https://github.com/PahanPerera/angular-light-dark-app
• https://effect.website/
• https://github.com/simonwhitaker/github-fork-ribbon-css

📧 Contact

For questions, suggestions, or just to say hi, you can reach me via email or create an issue in the repository.

License

• The code in this repository is licensed under the GNU GENERAL PUBLIC LICENSE.
• All non-code content (such as ui concept and custom beat/rhythm) is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.