🎵 PulseGrid

A modern step sequencer app built with React and Tone.js.

🚀 Overview

PulseGrid is an intuitive step sequencer application that lets users create rhythmic patterns using sample-based tracks. With a grid interface, tempo control, and a responsive design, this app makes beat-making accessible and fun for music enthusiasts and professionals alike.

---

🌟 Features

• Step Sequencing: Toggle steps on a grid to create beats.
• Multi-Track Support: Add multiple tracks with custom audio samples.
• Real-Time Playback: Play and pause your sequence in real time.
• Adjustable Tempo: Fine-tune the BPM for your rhythm.
• Interactive Mixer: Adjust track volumes dynamically.
• Visual Indicators: Lamps highlight the active steps during playback.

---

🛠️ Technologies Used

• Frontend:

  • React – UI development.
  • React Icons – Play, pause, and mixer icons.

• Audio Engine:

  • Tone.js – Sequencing and audio synthesis.

• Styling:

  • TailwindCSS – Custom styles for the grid and components.

---

📦 Getting Started

Prerequisites

Ensure you have the following installed:

• Node.js (v16+)
• npm or yarn

Running locally

1. Install dependencies:

   npm install

2. Start the development server:

   npm run dev

3. Open the app in your browser:

   http://localhost:5173
   

---

🤝 Contributing

Contributions are welcome! To get started:

1. Fork the project.
2. Create a feature branch (git checkout -b feature-name).
3. Commit your changes (git commit -m "Add new feature").
4. Push to the branch (git push origin feature-name).
5. Open a pull request.