Mix

Mix is a small Elm app for building a DJ playlist from a track library. It finds tracks with a close BPM and compatible musical key, then shows the best matches first.

Use

1. Search or browse the Library.
2. Select a track to see its matches.
3. Use Add to place a track at the end of the Playlist.
4. Select any playlist track to find the next match.
5. Use Remove to take a track out of the Playlist.
6. Give a playlist a name and choose Save to keep multiple playlists; use the menu to load one later.
7. Use Export Markdown to download the ordered playlist as mix-playlist.md.

The playlist also shows the pitch change at the start and end of each track. Your current playlist and named playlists are saved automatically in your browser and restored the next time you open the app.

Keyboard shortcuts

1. Press 1, 2, or 3 to open Library, Playlist, or Matches.
2. Press / to search the Library.
3. Use Up/K and Down/J to move between tracks.
4. Press Enter to select a track and A to add it.
5. Press Delete or Backspace to remove the current Playlist track.
6. Press ? to open the shortcut guide and Escape to close or clear.

Run locally

Install the project packages, then start the development server:

yarn
yarn dev

Open http://localhost:3001.

Project files

1. src/Main.elm contains the app state, matching logic, and views.
2. static/index.html contains the page shell and styles.
3. static/tracks.json contains the track library.

The app uses Elm 0.19.2 and Webpack 5.