Mini Sequencer

A web-based step sequencer.

Features

• Step Sequencer: Create melodies using a grid-based step sequencer.
• Piano Interface: Input notes intuitively using an on-screen piano keyboard.
• Playback Controls: Play, Pause, Stop, and Reset functionality.
• Tempo Control: Adjustable BPM.
• Metronome: Built-in metronome for keeping time (not necessary but its cute).
• Multiple Sections: Support for extended sequences.
• Retro Design: Styled like a classic hardware sequencer with an LCD display.

Toolkits Used

• React
• TypeScript
• Vite
• Tone.js
• Zustand
• SCSS
• Lucide React

Getting Started

Prerequisites

• Node.js (v14 or higher)
• npm (or yarn/pnpm)

Installation

1. Clone the repository:

   git clone https://github.com/sucary/Mini-sequencer

2. Navigate to the project directory:

   cd mini-sequencer-app

Running the Application

Start the development server:

npm run dev

The application is ran at http://localhost:4396.