Sleep Tracker

Inspiration

Having the skills to benefit other people has inspired us.

What we learned

We learned web development and how to code in HTML, CSS and Javascript to make functioning web pages. We also learned about JSON and how to parse data from the JSON file, which contains user-input of their sleep and wake up time.

How we built it

For front-end we used HTML, CSS, and Javascript. HTML and CSS was for designing the UI, while Javascript was for handling the user-input and sending data to the server. For back-end we used Python for user-input and reading and writing the user's data/record to the JSON file.

Challenges we ran into

I did the front-end development. While designing the UI, I didn't know how to move on to the next page after clicking buttons. Also, it was hard for me to figure out how to display all the records of sleep and wake up time after clicking the Display button.

Built With

• css
• html
• javascript
• json
• os
• python