Giter VIP home page Giter VIP logo

digital-audio-workstation's Introduction

Collaborative Web Sequencer

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.

Demo

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)

Authors

Acknowledgements

Documentation

tonejs socket.io styled-components

Deployment

To deploy this project run

  npm run dev

FAQ

What each line represents?

Each line represents different sound, which in it turn acts according to the beat declared.

How are the sounds ordered?

Top to Bottom:

  • 5 melodic(F#, E, C#, A, F#)
  • 4 bass(F#, E, C#, B,)
  • 4 rhythm(open-hat, closed-hat, snare, kick)

Are you planning on adding new features in the future?

Yes! new and cool features are currently in the work, we are looking forward preseting it soon.

Features

  • 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

Feedback

If you have any feedback, please reach out to us at [email protected] or [email protected]

Lessons Learned

  • 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

Tech Stack

Client: React, Styled-Components, Vanilla JS, CSS, HTML, responsive design

Server: Node, Socket.io

digital-audio-workstation's People

Contributors

idan93l avatar ericchukoltyansky avatar

Stargazers

 avatar Benny Solomon avatar  avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.