Z++

All-around sleep management in a beautiful and easy to use website

Comment

Inspiration

All around the world, there is a sleep crisis. The average person is getting less than 7 hours of sleep, which is not enough for most people to function properly. Unfortunately, there is no good website that helps you gradually and permanently increase the amount of sleep you get...UNTIL NOW!

What it does

Z++ is an all-around sleep management tool to help you track sleep, get more sleep, and get rewarded for sleep. Z++ allows you to track the hours of sleep you get with the aid of graphs, learn about healthy sleeping habits, do relaxing activities, and feel rewarded for getting enough sleep.

How we built it

This website was built with vanilla HTML, CSS, and JS. We used bootstrap for formatting and making the webpage responsive.

Challenges we ran into

We ran into a LOT of challenges. We spent the first 6 hours of the hackathon building a website that we ended up scrapping because it was a poor idea. Then, we spent the rest of the first day and most of the second day building a python application, which we had to scrap because UI in Python is very difficult, especially when using repl.it to collaborate. Finally, we started working on our final website towards the end of the second day and used every minute of time to make it and finalize it. It was a long journey, but it was worth it in the end to create this amazing product.

Accomplishments that we're proud of

We are proud of the fact that we finished our final project in much less time than we were supposed to have because of our earlier mishaps. We are also very proud of learning how to transfer inputs from different pages in javascript.

What we learned

We went into this hackathon as beginners at web development, so we learned a ton. We learned how to use CSS to make our page look nice. We learned how to use javascript to take input, transfer input between different pages, and use that input to change the HTML. We learned animations, transitions, focuses, and much more.

What's next for Z++

More sleep assistant capabilities, such as sleep goals, sleep calendar, and sleep leaderboard.

Share this project:

Updates