efonic is an online sound effect drum machine that lets you create and enjoy rhythmic beats. This project was built as part of the freeCodeCamp Drum Machine challenge and includes several features for an enhanced user experience.
- Audio Selection: Choose from a variety of sound effects.
- Audio Looping: Play sounds on a loop to create rhythm patterns.
- Volume Control: Adjust playback volume to your liking.
- Playback Title Display: See the name of the currently playing sound.
- Sound Effect Switching: Switch between different sound banks for variety.
- React: For the frontend framework.
- HTML & CSS: For structuring and styling the app.
This project was designed to be mobile-friendly and works seamlessly across various devices.
(Add specific tools/techniques used for responsiveness, such as CSS Grid, Flexbox, or media queries.)
efonic allows users to interact with a drum machine interface to create beats using various sound effects. Users can loop audio tracks, switch between sound banks, control volume, and enjoy real-time playback title updates. This is the completed coding for freeCodeCamp Drum Machine project.
To get the project running locally:
- Clone this repository:
git clone https://github.com/nhope123/drums.git
- Navigate to the project directory:
cd efonic - Install dependencies:
npm install
- Start the development server:
npm start
The app will be available at http://localhost:3000.
This project is licensed under the MIT License. See the LICENSE file for details.