Sleeptracker in Ionic

This is a sleep tracking web app I made in the fall of 2022. I focused on making the interface easy to use in the most common case, logging sleep for the current or previous night, while still having the ability to easily support logging historical sleep data.

In the visualization section I wanted to create an interface that could provide quick informative information. I achieved this by color coding sleep and energy data to the hours of sleep and reported energy level. A week by week breakdown is given with the averages for hours of sleep and energy level given.

It is made using Angular with Ionic.

Sleep data is pushed to and retrieved from a Firebase database using Angular Firestore.

The charts are generated with the Chart.js library.