Looper16 is an engaging music step sequencer full-stack application that enables users to create music loops through an interactive GUI accessible on a web browser. Using HTML, CSS, and JavaScript, along with NexusUI.js and Tone.js, we've developed a simple yet powerful browser-based sequencer.

With multiple instruments available, users can create captivating melodies and rhythms using the pattern-based grid sequencer. The application allows live tempo adjustment and live note placement, giving users real-time control over their compositions. Additionally, users can save, load, delete, and manage their own presets, which are securely stored in a MongoDB backend.

On the server side, we designed a Node.js and Express.js backend that incorporates MongoDB for efficient CRUD operations. This enables user account management, token-authenticated API access, and seamless interaction with the database.

Looper16 combines the creativity of music sequencing with the convenience of a browser-based interface, empowering users to express themselves through their own unique compositions.

Built using: HTML, CSS, JavaScript, NodeJS, ExpressJS, ToneJS, NexusUI, MongoDB

◈ GitHub code repository