A drum machine built with React using the Create React App toolchain.

Ryan Schafer

Last update: Dec 30, 2021

Related tags

Miscellaneous drum-machine

Overview

drum-machine

A simple drum machine built with React using the Create React App toolchain.

Getting Started

Clone or download the repository. Open a command prompt and CD into the project folder
You will need to install/update npm if you have not already - use sudo apt-get install npm (or npm install if you are using Windows)
Run npm start - the application should open in a browser window. If not, open http://localhost:3000/ manually.

Create React App

This project was built by modifying the Create React App template. From the Create React App documentation pages:

For the project to build, these files must exist with exact filenames:

public/index.html is the page template; src/index.js is the JavaScript entry point.

You can delete or rename the other files.

For more information about the Create React App toolchain visit https://create-react-app.dev/

JSONX - Create React Elements, JSX and HTML from JSON

JSONX Description JSONX is a module that creates React Elements, JSX and HTML from JSON. Declarative The JSONX UMD comes with batteries included so yo

144 Jan 6, 2023

React project with Google Firebase API, create partys with admin view and user view. Users can ask topics to admin, and support other topics.

🧪 Tecnologias Esse projeto foi desenvolvido com as seguintes tecnologias: React Firebase TypeScript 🚀 Como executar Clone o projeto e acesse a pasta

3 Aug 27, 2021

Easily download Figma and create SVGs components for Vue, React, Angular and more to come

Easily download Figma and create SVGs components for Vue, React, Angular.

21 Sep 6, 2022

Dynamically create react-bootstrap toasts via a simple api.

React-Bootstrap-Toasts Dynamically create react-bootstrap toasts via a simple api. Live demo building... Installation # npm npm install react-bootstra

2 Nov 19, 2022

:speech_balloon: Easy way to create conversation chats

React Simple Chatbot A simple chatbot component to create conversation chats Getting Start npm install react-simple-chatbot --save Usage There are sev

1.5k Dec 27, 2022

Create guided tours in your apps

React Joyride Create awesome tours for your app! Showcase your app to new users or explain functionality of new features. It uses react-floater for po

5.1k Dec 30, 2022

Youtube Tutorial showcasing how to create a fullstack NFT mingint dapp.

Emoji Faces NFT Minting dApp This a complete example of fullstack NFT minting dApp. EmojiFaces is built with the purpose of providing an entry point f

53 Dec 25, 2022

Github-profile-readme-maker - Best Profile Generator, Create your perfect GitHub Profile ReadMe in the best possible way

GPRM : GitHub Profile ReadMe Maker Features We got everything that you need ! Cr

333 Dec 20, 2022

Create a Web3 Forum with Polygon

Create a Web3 Forum with Polygon Tutorial Details Today we're going to build together a fullstack decentralized forum that can be used in any dapp. Se

120 Oct 23, 2022

Comments

Add Random Background Color Generator function + button

You might want to clean this up but I thought this was a fun bit of CSS to add.

It centers vertically and horizontally using Flexbox and then adds a button to generate a random background color.

opened by airbr 2
Web audio api

I implemented the Web Audio API with the immediate goal of improving latency by pre-buffering audio sources. I then no longer needed the

opened by schaferyan 0