Hey, thanks for having a look at this code. Shoot me an e-mail and we'll talk! Cheers, ___ ____ ___ __ ___ __ __________ ____ ____ _____ ________ / | / __ \/ | / |/ / / / / / ____/ / / __ \/ __ \/ _/ | / / ____/ / /| | / / / / /| | / /|_/ / / /_/ / __/ / / / / / / /_/ // // |/ / / __ / ___ |/ /_/ / ___ |/ / / / / __ / /___/ /___/ /_/ / _, _// // /| / /_/ / /_/ |_/_____/_/ |_/_/ /_/ /_/ /_/_____/_____/_____/_/ |_/___/_/ |_/\____/
Back
WATCH YOUR TONE
SYNTH & DRUM SEQUENSER BUILT IN REACT AND NODE USING THE WEB AUDIO API.
💻 A web synth with drum machine (…or really a 16-bar step sequenser) built in JavaScript. React in the front-end on top of Node and Express in the back-end talking to a MongoDB database. Exploring the Web Audio API and Tone.js. Matched with a retro design.
🥁 Press play and start clicking the squares for synth notes and circles for drums. This instrument is meant to be played with and you don't have to be a musician. Make a song and save it to the database. Or load someone elses song for inspiration!
TECH SPEC
CODE
- JavaScript ES6
- React
- Node
- Express
- Mongo DB
- Web Audio API
- Tone.js
- HTML5
- CSS3
- JSX
TOOLBOX
- VSCode
- iTerm2
- Postman
- Compass
- GitHub
- Adobe Photoshop
- Trello
MORE
- Concept development
- Design