Sleep Space by Wombaroos

Inspiration

The lack of structure in our daily routines while working and studying from home has caused many people, especially adolescents, to neglect their sleep schedule.

Countless studies have shown that getting sufficient sleep on a regular basis improves concentration, memory retention and cognitive abilities, which are essential for students and workers.

We wanted to develop a web app to help us mark the boundary between our work lives and personal wellbeing routines, specifically our sleep hours, so we decided to create Sleep Space.

Description

Sleep Space is a web app which encourages healthy sleeping discipline.

To increase motivation, the app has a space-themed graphical interface with a rocket travelling between planets and asteroids to visualise the user’s progress towards maintaining their desired sleep schedule.

Our final product is capable of tracking our sleep schedule with fun space-themed visuals, a punishment system in the form of limited fuel, and a reward system in the form of discovering new planets.

By going to bed on time consistently, the user will discover new planets while maintaining a streak which will encourage them to keep a consistent sleep schedule.

Testing (for judges, if you want to test our app)

This web app is set up in a way that the user cannot click 'Sleep Now' multiple times a day, so in order to test it you will need to change items in your browser's local storage in the days array.

To get to the local storage in the browser tab, press F12 -> open the "Application" tab -> click "Local Storage" -> click "https://sleepspace.tk".

In order to be able to click "Sleep Now", you need to change the last time_of_sign_out in the days array to any date before the current date. E.g. Change {"time_of_sign_out":"2021-04-04T21:05:09.945Z"} -> {"time_of_sign_out":"2021-04-03T21:05:09.945Z"} where the difference is the date 04 -> 03.

Then reload the page with Ctrl-R.