Skip to content

Frontend Usage

Mhiluf edited this page Apr 18, 2021 · 5 revisions

The UI of Dream Hacker is designed to be as simple and intuitive as possible. The home page has a small description of the project and 3 main buttons. These small navigation buttons are "Live Reading", "Choose Audio" and "History"

Live Reading

This page contains the live reading from the sensor presented in an easy to understand graph. The graph displays the current reading as well as the threshold BPM. Once the reading drops below this threshold an user selected audio will start to play.

Choose Audio

This page is where the user selects the audio they would like to hear once they have entered REM sleep. There are currently 8 songs from expertly popular sleep playlists on Spotify. The user can listen to the music before selecting there audio from the form displayed, this data is then saved on a database.

History

This page displays past cycles.

Clone this wiki locally