Nathan Wailes

@nathanwailes

Python/Vue dev. nathanwailes.com, working on rhymecraft.guru. Work habit goal: https://bit.ly/35AtptL
  • 44
  • Chiang Mai, Thailand
  • Joined October 2020
Nathan Wailes
Get playback working properly on the timing graph again, where it'll highlight the currently-being-performed syllable. #rhymecraft
Pasted Image.png
remove
Nathan Wailes
Switch a confirm() dialog to instead use the new PyCharm-inspired base modal component, as confirm() can bump the user out of fullscreen mode. #rhymecraft
Pasted Image.png
remove
Pasted Image.png
remove
Nathan Wailes
Replace all remaining calls to $store.commit or $store.dispatch in the single-file components with mapActions or mapMutations to keep the code cleaner. #rhymecraft
Pasted Image.png
remove
Nathan Wailes
Switch the ModifyWord modal to use the PyCharm-inspired base modal component. #rhymecraft
Pasted Image.png
remove
Nathan Wailes
Get the 'Click syllable to start playback from' functionality working again. #rhymecraft
Pasted Image.png
remove
Nathan Wailes
Switch the 'Create Persona' modal to the PyCharm-inspired base modal component. #rhymecraft
Pasted Image.png
remove
Nathan Wailes
Switched the 'Create Performer' modal to use the PyCharm-inspired base modal component. #rhymecraft
Pasted Image.png
remove
Nathan Wailes
Switch the 'Created Lyrics Videos' modal to use the PyCharm-inspired base modal component. #rhymecraft
Pasted Image.png
remove
Nathan Wailes
Switched the 'Create Lyrics Video' modal to use the PyCharm-inspired base modal component. #rhymecraft
Pasted Image.png
remove
Nathan Wailes
Switched the 'Load' modal and its 'Delete' submodal to use the new PyCharm-inspired base modal component. #rhymecraft
Pasted Image.png
remove
Nathan Wailes
Have the modals pop in and out of view like the ones in PyCharm. #rhymecraft
Pasted Image.png
remove
Nathan Wailes
Add a 'Rhymecraft UI Reference' public wiki page that I'll use to store explanations of the different UI elements, and which I can link to from "?" icons in the UI itself. #rhymecraft
Pasted Image.png
remove
Nathan Wailes
Use vue-js-modal to create a ModalWithTopDraggableRowAndBottomConfirmationRow component which I can use as a base component for all my modals. Design based on PyCharm's modals. #rhymecraft
Pasted Image.png
remove
2020-11-28 20_02_21-rhymecraft [C__Users_Nathan_Documents_rhymecraft] - ..._client_src_components_Mo.png
remove
Nathan Wailes
Make the overlay of the vue-js-modal transparent. #rhymecraft
Pasted Image.png
remove
Nathan Wailes
Be able to manually set the time of the first beat of the first full measure, which affects the left/right orientation of the lyrics relative to the timing graph's representation of the 16th notes. #rhymecraft
Pasted Image.png
remove
Nathan Wailes
Researched JavaScript beat-detection libraries, found out about Essentia.js and web-audio-beat-detector. Now I just need to figure out how to use them. #rhymecraft
Pasted Image.png
remove
Pasted Image.png
remove
Nathan Wailes
Add "vue-js-modal" and get an ugly first example working. #rhymecraft
Pasted Image.png
remove
ūüĎ®‚Äćūüé§ Serial maker

When are you launching this?

Python/Vue dev. nathanwailes.com, working on rhymecraft.guru. Work habit goal: https://bit.ly/35AtptL

At my current rate of progress, maybe 3-6 months for an initial launch. My thinking is that the main feature for the initial launch could be the pre-existing diagramming/analysis of popular rap songs (so, come to my website to learn why the lyrics in this famous rap song sound so good), with the free ability to analyze one's own rap songs in the same way. But I'm going to make sure real potential users are actually finding the app useful before I try doing that kind of bigger launch. I already know some amateur rappers who I can get to try it; if they keep coming back, I'll know it's ready. But the app has problems that prevent it from working the way it's supposed to, so I need to fix those first.

Nathan Wailes
Add measure numbers ('line numbers') so that when I start adding error-checking like in an IDE I can reference the measure number. #rhymecraft
Pasted Image.png
remove
Nathan Wailes
Have the Tap-For-BPM component use a 'Record' button like the Record-The-Rhythm component, rather than having an input box which activates the recording of keypresses, which is confusing. #rhymecraft
Pasted Image.png
remove
Nathan Wailes
Add a 'can_be_modified' field to the song table and use it to disallow saving/deleting demo songs, as well as to hide the delete and save buttons on the front-end. #rhymecraft
Pasted Image.png
remove
Pasted Image.png
remove
Pasted Image.png
remove