Circa

Starting Page
Main Page with Graph
Account Settings Page

Inspiration

Health tracker apps, like sleep trackers and also the energy output of a person. Circadian Rhythms were our main inspiration, hence the name Circa.

What it does

Circa allows users to create an account, then start tracking their energy levels throughout the day by letting users input data through an interactive graph. Over time, the graph would show what the user's daily energy levels look like on average at each hour. This would help the user know how their body works during different hours of the day, allowing them to productively do things.

How we built it

We used React, Firebase, TailwindCSS, and hosted with Github Pages.

Challenges we ran into

Making the graph feel as smooth as possible was difficult. Making all the components work and blend together was also a bit difficult but we think we managed it well.

Accomplishments that we're proud of

We made a very elegant UI with clean design and transitions.

What we learned

How to use different UI libraries effectively.

What's next for Circa

Adding more analytics for users, or recommendations based on their patterns. A tips page was also in the works, where it would let users know what best to do when their energy level is high and what they can do when their energy level is low.