Skip to content

Drum Machine Simulator: A web application built with Vite, React.js, and TypeScript, offering users a dynamic drum machine experience with customizable drum sounds, volume control, and power on/off functionality.

License

Notifications You must be signed in to change notification settings

mohamed-amor1/drum-machine

Repository files navigation

Drum Machine Simulator

Drum Machine Simulator Screenshot

Welcome to the Drum Machine Simulator project! This is a web application that simulates a drum machine, allowing users to play with beats.

Technologies

  • Vite: A fast development build tool that serves your code via native ES modules.
  • React.js: A popular JavaScript library for building user interfaces.
  • TypeScript: A statically typed superset of JavaScript that enhances code quality and developer productivity.
  • Tabler Icons for React: A set of over 800 free MIT-licensed high-quality SVG icons for you to use in your web projects.
  • Mantine: A modern React component library that provides a set of high-quality components and hooks for building functional and attractive user interfaces.

Usage

  • Select Drum Sounds: Choose drum sounds by clicking buttons or using keyboard shortcuts. For instance, click "Kick Drum" or press 'Q' for the kick drum sound.
  • Adjust Volume: Customize the volume to your liking.
  • Power On/Off: Easily turn the machine on or off.

About

Drum Machine Simulator: A web application built with Vite, React.js, and TypeScript, offering users a dynamic drum machine experience with customizable drum sounds, volume control, and power on/off functionality.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published