play-what-beta

Play What is a configurable, extensible music theory visualization tool and React component library.

Usage no npm install needed!

<script type="module">
  import playWhatBeta from 'https://cdn.skypack.dev/play-what-beta';
</script>

README

Play What?

Play What (beta) is a React component library for visualizing music theory concepts. It provides a simple API for configuring viewer components and creating your own.

For interactive documentation and examples, see my sample project site.

Features

  • Presets for Chords, Scales, Modes, and Roman Numerals
  • Easy transposition of any concept to any key and/or octave
  • Configurable viewer components to visualize these concepts
  • Built-in viewers for keyboards and fretboards
  • A simple API for creating custom viewers

Motivation

My primary goals for developing this project were to...

  • Learn the ReactJS framework
  • Complete a substantial project demonstrating good design and best practices for my portfolio
  • Learn complex music theory concepts
  • Create a useful, open-source tool that is highly configurable and extensible

Hire Me

If you like what you see, feel free to contact me! I am currently relocating to the west coast and searching for a web dev job.

My resume and contact information can be found on my personal website.