Inspiration

There are only 24 hours in a day, and especially during the pandemic, routines have ruined my sense of time. I wake up, start my day, go through my routine, go to bed, and then rinse and repeat. I wanted to start keeping tabs on how long I am spending on my homework and ensuring that I am not overextending myself. Before the pandemic, you could block your day more easily, and TimeTrack helps you slowly ease your way into that while also providing more insights on how you spend your time!

What it does

TimeTrack lets you visualize where the time in your day went. You can easily add various events to your day and then see how they break down. TimeTrack also keeps track of your spending the most time on and lets you know where you're spending most of your time.

How we built it

We used React for our frontend framework. This enabled us to quickly get a UI working and then build on top of that. We used Firebase to manage our data, as firebase integrates with applications very seamlessly, and the NoSQL database schemas are very easy to work with. Firebase also helps us easily manage our user auth flow, as we don't need to worry about settings up a backend and managing the user sign-up data and hashing.

Challenges we ran into

  • 3/4 of our group members are new to JS and React.js
  • 1/2 of our group had no prior database experience
  • Managing user data in a clean and presentable format was hard to configure
  • Storing and receiving user event data.

Accomplishments that we're proud of

  • Getting the user auth flow set up right away
  • Communicating while staying remote

What we learned

  • How to handle a user auth flow
  • How to manage browser state
  • Working with data from a database
  • NoSQL database w/ Firebase

What's next for TimeTrack

  • Keep iterating to be able to focus on easy event adding and better data analytics.
Share this project:

Updates