Skip to content

Instantly share code, notes, and snippets.

@kevin-chau
Last active September 29, 2021 09:11
Show Gist options
  • Save kevin-chau/4e45bf55bee1d7593de738ab539fc48d to your computer and use it in GitHub Desktop.
Save kevin-chau/4e45bf55bee1d7593de738ab539fc48d to your computer and use it in GitHub Desktop.
A Traktor clone in React

On/Off FX toggle: 37px X 21px

Light #262929 Dark #1C1D1D

FX Knob: 35 X 35 px

FX Unit Backgroud: top: #373B3C bottom: #313334

  top border: 1px #434748
  bottom border: 1px #2A2D2E

TReactr - A Traktor clone in React.js

TReactor is a javscript digital DJ mixing application built for the modern web, based on the legendary UI from Native Instrument' Traktor.

React for UI

React Starter Kit

Spotify / Soundcloud API for library integration

MIDI.js for MIDI controllers and mapping

Wavesurfer for waveform rendering https://github.com/katspaugh/wavesurfer.js

TO-DO:

  • Rollback postcss-partial-import to v2

  • use :global import

  • fork node react component packages and install / test custom style

    • Slider
    • Knob
    • Toggle
  • publish npm treactr packages

    • Slider
    • Knob
    • Toggle
  • FX unit background gradient

  • FX Unit drop down (select)

  • Volume Slider

  • knob indicator

  • Load Audio

  • Display waveform

  • play audio

  • VU meter

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment