Inspiration
During busy semesters, students often feel like there’s never enough time to complete assignments. Deadlines sneak up, and many of us end up submitting work at the last minute. While resources like those from SASS offer time management training, the first step to improving time management is understanding how our time is actually spent.
It’s easy to log a single day’s activities, but that alone doesn’t reveal patterns or provide meaningful insights. To truly understand where time goes, we need a way to visualize it over days, weeks, or months. That’s why I built this web app.
What it does
It takes CSV files, transformed from calendar formats, and visualizes recorded time usage as pie charts, allowing users to switch between different time views. With this, it becomes much easier to spot trends and make informed adjustments to how we manage our time.
How we built it
I built it using JavaScript, React, CSS, and a pie chart library.
Challenges we ran into
One challenge was learning how to use a new library and properly structure the data for the Pie component.Another challenge I faced was that the date format from the calendar wasn't convenient, so it took some time to extract and format the data. As for the UI design, I'm not very confident with color choices, so the website might not look as polished as the initial design.
Accomplishments that we're proud of
I’m proud to have completed the MVP version within 24 hours, and honestly, I can’t believe I managed to do it on my own. The MVP includes all the expected functionalities, and while the UI might not be as polished as I’d hoped, it works!
What we learned
I learned that if I truly dedicate time and energy to something, there's no reason I can't achieve it. Also, utilizing the right tools—like generative AI—can be incredibly helpful.
What's next for Time Visualization
Next, I plan to fix the bugs I overlooked in the MVP version and add the ability to switch between days.
Log in or sign up for Devpost to join the conversation.