Chordial is a visually stunning web application that helps aspiring and professional musicians discover compelling harmonic ideas. When a user chooses a chord, Chordial suggests compatible harmonic destinations. Users may save their created harmonic sequences as well as edit previous creations.
Chordial leverages Framer Motion, Material UI, and Styled Components for styling. It's deployed using Netlify and Heroku.
User auth is created from scratch using Nodejs/Express, bcrypt, JWT, and React Context.
Our audio playback uses Javascript's built-in Audio() constructor. The tones for each chord are root based triads, recorded by the authors using Logic's Rhodes Stage Piano software instrument.
The chord theory behind Choridal was created by the authors who have decades of composition experience between them. Not all possibile chord relations were included to avoid complications, keeping realistic boundaries within the framework. You can see the chord relations here.
Here is an example of a chord sequence created by one of our users.
Here is an example of chord "nodes", or suggested harmonic destiations. These appear on screen using Framer Motion.
Users can Save, Edit, and Delete their chord sequences.
Finally, while Chordial's default chords are limited to triads, users may enter in chord qualities or different chords altogether in the Edit menu.
Our backend repo lives here.