Inspiration

Depression is a very serious, yet common issue. After learning that exercise is not only a great way to maintain physical wellness but is also a great way to maintain mental wellness, we realized that an exercise website that not only gets the user fit but also allows them to enjoy the process by thinking of it as a game would be a great idea. We did not want the user to be extremely tense or serious about the exercise, so we included fun bits such as a "dance party."

What it does

The WebCersize site first, brings you to the home page. From there the user has the option to start their workout, read about the mental benefits of exercise, or read some instructions on how the site works. When the user starts their workout, they start with a stretches screen. After the user feels they are ready to move on, they are able to move on to the next level. Each level consists of 5 seconds to prepare the user, and then a timer counting down as the host does the activity the user must do. (ex. pushups for 30 seconds.) Around halfway through the user is given a "dance party." After completing the 10 levels the user is congratulated and is returned to the home screen.

How we built it

We used an online editor called repl.it. It allows multiple people to edit the same code in real-time. We created an HTML CSS website and used javascript to make the site more interactive. We used bootstrap to implement our navbar and all of our buttons.

Challenges we ran into

One of the biggest challenges we ran into was the lack of members. Our group consisted of 4 people including our mentor. Apart from that, we had many coding challenges as well but were able to overcome many of them. One of the biggest challenges was the javascript section of our site. We had to learn as we went and ended up wasting hours on figuring out how to do what we wanted to do.

Accomplishments that we're proud of

We are proud of our design. Overall, our website looked very nice and we were able to implement concepts we learned today to further that.

What we learned

We learned how to use bootstrap to implement components such as buttons and navbars. We also learned the basics of javascript, CSS, and HTML.

What's next for WebCersize

Next, we will implement a leaderboard system. Once we are able to get a server up, we will add a scoring system for users to share their scores and see how they compete against their friends, like in other games.

Built With

Share this project:
×

Updates