Copy

Rendering ASCII Chord Charts with React

Hey <<First Name>>,

I wrote some words this week about how I’ve cobbled together a React-based ASCII chord chart renderer and massaged it until I was happy with the final result. If you love ASCII and guitar chords, check out the full article for a tour of the final solution.



The decision to build a web-based chord chart viewer was spurred on by the need to better organize the results of my Chord project into a useful tool. Once the renderer was finished, I was still daunted by how to best display a huge number of possible chords to the end user, and have them interact with those chords in meaningful ways.

I realized that my desire to come up with a perfect solution was hampering my ability to come up with any solution. So instead of continuing to fret (pun intended), I relaxed and put together a sloppy solution that connected my React front-end to the Elixir-powered Chord back-end.

The results are pretty cool, if I say so myself.



(Please note that many of these chords are varying degrees of playable)

Actually seeing those generated chords in browser planted seeds for quite a few ideas on how to improve the Chord backend. Giving myself permission to do something poorly and sloppily can be liberating.

What have you been up to this week?

Pete
Copyright © 2018 East5th, All rights reserved.

Want to change how you receive these emails?
You can update your preferences or unsubscribe from this list