Today I spent a lot of time improving my StudyFlow web app and basically pushing it from a “works but simple” project into something that actually feels like a real website.
I started by fixing a bunch of core issues in the login and signup system. At first, there were some bugs where routes weren’t returning properly and authentication wasn’t behaving consistently, but after going through the Flask logic and sessions, I got login, signup, and logout fully working with hashed passwords and a proper users table.
After that, I worked on improving the task system UI. One issue I ran into was that completed tasks didn’t clearly show as done anymore, so I fixed the styling so strikethrough and visual feedback properly show when a task is completed. I also made sure the edit and delete buttons stayed aligned correctly in the task list, because at one point they were dropping under the task text and breaking the layout.
Then I moved into the notes editor, which was honestly the trickiest part of the UI. I added formatting tools like bold, italic, underline, and bullet/numbered lists using a content-editable editor. That part took a bit of debugging because the list formatting and syncing with the hidden input wasn’t behaving properly, but I got it working so notes now save properly with formatting intact.
A big chunk of the day was also spent on the overall design refresh. I upgraded the entire UI theme to look much more modern, adding a gradient background, blurred “glass” style navbar and cards, smoother hover animations, and better spacing and typography using a new font (Poppins). The goal was to make it feel less like a school project and more like a real productivity app you’d actually use.
I also improved the homepage dashboard so it feels more like a proper landing page, with a hero section, quick navigation buttons, and stats cards showing progress and completed tasks. I even added a background design with soft glowing shapes to make it feel less flat.
Overall, today was mostly about fixing bugs while also slowly upgrading the entire look and feel of the app without breaking existing features. The end result is a much cleaner, more modern StudyFlow that still keeps all the original functionality but now actually feels polished.