NoteHop

Note Hop - Devlog 05

Was about to start with user data code when all the little things about the homepage started nagging at me 🫠… First, I cleaned up the code by adding functions for repeating segments like formatting images. Then, I added a sticky banner with the greeting that doesn’t move when the user scrolls down. Next, I added an extra sheet music button (Golden Hour!), and then stats buttons like a fire and gem for the potential streak calendar and shop. When making the sticky banner, I wanted more shades of the same color for UI Design, so I had to added lighter shades of the button colors into my assets tab, but then I realized that in dark mode, the text color in the banner would be white against a light yellow banner 😭 So I had to go back and add a whole other color set just to say “I want black font in my banners whether its light or dark mode!”

Note Hop - Devlog 04

Its been a little while since I’ve worked on this 😅. I spent almost four hours first getting back into the project and figuring out what feature to add next (coder’s block I guess 😭). I decided to start small and add more of the homepage with rows for the music library and other shortcut buttons, but with all the extra features the screen was quickly getting squished and words were getting cut out, so I coded a scroll feature that lets the complete text stay on screen and all you have to do to see it is scroll. Then, I added a cutesy font so it wasn’t boring and actually fun to look at 😁!

Note Hop - Devlog 03
Finally began working on Note Hop’s homepage! First I generated a list of greetings and wrote code to choose a random greeting to display on the dashboard, but for some reason the canvas kept throwing an error which could only be fixed by reducing the number of items in the list of greetings. Then, I started formatting the first set of features on the homepage, which would be buttons that take you to the next lesson of the course. With this I also added color sets for aesthetic and accessibility 😁. Next step is to add more buttons make it look like an actual app!

Note Hop - Devlog 02
Spent over an hour starting the design on the homepage… First I designed a set of tabs to go on top of the home screen, and then tried but couldn’t commit until I realized I didn’t have my GitHub Repo under remotes 😭. After figuring out how to commit, I finally finished the set of tabs with mini pages and drafts for content within those tabs.

Note Hop - Devlog 01
Designed first basic wireframe drafts, color schemes, and app icon sketch! Hardest part so far was choosing colors that matched the vibe I want for the app (energetic and ready-to-learn) while complementing each other. (App icon is a work in progress 😅)