-
-
UI
Inspiration
During summer break, I noticed I was spending a large amount of time on my computer. When this hackathon came around, I felt like having a way for people to recognize the amount of time they spend on their devices would be a good way for them to make a step towards better health when using a computer.
What it does
The application tracks your time spent in applications that you select, and displays graphs that show total time spent and the amount of time that you divide into separate apps.
How we built it
I used electron as the app wrapper, which handled the process detection and creation of the application window. The frontend UI was handled by React, with Bootstrap as the CSS framework.
Challenges we ran into
We didn't run into many major challenges. Rather, we ran into many smaller challenges that made development slow. Firstly, I had to learn to use Electron, and integrate it with react. Then when designing the graphs, sizing and configuring the graphs delayed the actual bulk of coding for a long time.
Accomplishments that we're proud of
We're proud of being able to save data to a local computer, and have it be synchronized with the application.
What we learned
We've learned how to use electron with react, and to display data in graphs.
What's next for Game Activity Tracker
We mostly want to polish up the UI a bit, and make it look a bit cleaner
Log in or sign up for Devpost to join the conversation.