StudyFlow

Today I focused on making StudyFlow feel more like a real website by improving the overall design and user experience. I started by upgrading the UI theme. I replaced the basic styling with a more modern look by adding a cleaner background, glass-style cards, smoother animations, better spacing, and a more professional color palette. I also updated the navigation bar and homepage styling to make the app feel more polished and consistent. After improving the overall theme, I focused on making sure the dashboard stayed clean and not overloaded with unnecessary information. Instead of adding too many features, I worked on improving the existing sections so the homepage feels organized and easy to use.I also upgraded the dashboard statistics section. The old stats were simple numbers, so I redesigned them into cleaner cards with icons, better layouts, and smoother hover effects. This makes it easier for users to quickly understand their progress when they open the app. Overall, today’s update was mainly about turning StudyFlow from a simple functional app into a more professional-looking productivity platform. The focus was improving the experience, keeping the design clean, and making the website feel more like a real application.

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.

I am working on a website that helps people to keep track of their tasks, take notes with ease, and more! No more stressing overnight to cram for your finals, study with the flow now!

I am working on a website that helps people to keep track of their tasks, take notes with ease, and more! No more stressing overnight to cram for your finals, study with the flow now!