Skip to content

Files

Latest commit

ba32bbf · May 31, 2024

History

History
25 lines (20 loc) · 1.3 KB

README.md

File metadata and controls

25 lines (20 loc) · 1.3 KB

react-looper

react-looper.png

Description

A React looper for my personal website, featuring all original songs and tracks created by myself. This project utilizes TypeScript, the React framework and Tone.js to bring you an immersive audio experience.

Features

  • Track control: Start/stop each track by clicking on it or use number keys to start and stop individual tracks, or use the space key to toggle the entire song.
  • Song selection: Choose from a variety of songs using the select input element.
  • Generated waveforms: The beautiful waveforms were created using WaveformGenerator.js by EnjiKaka.

Getting Started

To run this project, follow these steps:

  1. Clone repository: Run git clone https://github.com/goendia/react-looper.git
  2. Change into directory: Navigate to the project directory using cd react-looper
  3. Install dependencies: Run npm install to install all required packages
  4. Start the app: Run npm start to launch the React looper

Tech Stack

  • TypeScript
  • React framework
  • Tone.js

Come check out my looper and enjoy some original tunes! 😊