Our app offers an opportunity for users to play together at the same time on one platform. Send it to your friends and you can play together and create melodies with a click of a button.
Working live demo
https://sequencer.onrender.com/ (Please use Google Chrome to check it, it's malfunctioning on Safari and can't figure out why yet, sorry)
tonejs socket.io styled-components
To deploy this project run
npm run dev
Each line represents different sound, which in it turn acts according to the beat declared.
Top to Bottom:
- 5 melodic(F#, E, C#, A, F#)
- 4 bass(F#, E, C#, B,)
- 4 rhythm(open-hat, closed-hat, snare, kick)
Yes! new and cool features are currently in the work, we are looking forward preseting it soon.
- Increase/decrease BPM
- Increase/decrease volume
- Play/pause button
- Stop button
- Clear all button
- Turn on/off sounds
- Mobile friendly
- Real-time multiple users interaction
- Original audio segments, made with Ableton live 11.1
If you have any feedback, please reach out to us at [email protected] or [email protected]
- Sounds transfer via web socket technology to multiple users
- Styled-components functionality
- Tonejs audio management system
- Collaborative work with git
- Time management within a group environment
- How to enjoy the process of coding when focusing on a passionable subject
Client: React, Styled-Components, Vanilla JS, CSS, HTML, responsive design
Server: Node, Socket.io