Rhymecraft

A web app that helps you write rap lyrics
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
Nathan Wailes
Move two song-related routes from api/__init__.py to api/songs.py (actually did this yesterday) #rhymecraft
Pasted Image.png
remove
Nathan Wailes
Read 'Testing Vue.js Applications' for 40+ minutes, got up to section 4.5 #rhymecraft
Pasted Image.png
remove
Nathan Wailes
Don't have a landing page, instead just throw the user into the app with a demo user account. #rhymecraft
Pasted Image.png
remove
Swift & Rails app crafter 🐮Creator of cows 🥐 Teambaker 🐋 Turtle whisperer 🏝 Working on too many side projects.

@levelsio will approve this message

👨‍🎤 Serial maker

I am @levelsio and I approve this message

Nathan Wailes
Got my sitemap accepted by Google and visible in the Google Search Console. #rhymecraft
Pasted Image.png
remove
Nathan Wailes
Spent time researching whether to switch the app to use Nuxt.js for server-side rendering / static site generation. #rhymecraft
Pasted Image.png
remove
Nathan Wailes
Add a sitemap so that when I get rid of the landing page and just throw users straight into the Vue.js app, Google will still know about my wiki and blog. #rhymecraft
Pasted Image.png
remove
Nathan Wailes
Got rhymecraft.guru set up with Google Search Console. #rhymecraft
Pasted Image.png
remove
Nathan Wailes
Read 'Testing Vue.js Applications' for 40+ minutes, got up to section 4.3. #rhymecraft
Pasted Image.png
remove
Nathan Wailes
Switched the application to use the 'maximize' / 'restore down' utf icons rather than the YouTube svg, which makes it possible for them to use the color theme. And the icons change properly based on whether the application is fullscreen or not. #rhymecraft
Pasted Image.png
remove