Our Inspiration ⭐
As high school students, maintaining an active lifestyle is a crucial part of keeping ourselves healthy amidst mountainous workloads and countless tests in school. Sports are an essential way for us to relax and take time away from our homework. However, with an injury, that outlet seems to become completely inaccessible to millions of people around the world. Thus, we decided to make a website that offers exercise and stretching routines that will increase mobility and strength with or without an injury!
What Restore Does 💪
Restore is a website dedicated to helping people stay active even when they’re injured. On our Heal page, we have an interactive human body that links to custom stretching/exercise routines for common injuries. Since we prioritize user friendliness, users can simply hover over the body on our Heal Page to see the injuries we focus on and click on the one that fits their symptoms. This will take them to a page with a set of exercises, which they can rearrange to make a custom routine that fits their specific needs. Once they rearrange the exercises to their liking, they can click a button to start their workout, and our timer will beep automatically in accordance with the routine––no touch necessary! Additionally, we provide an Athletes Plan for $5.00 per month and a Premium Plan for $10.00 per month. These plans are catered specifically to people looking to advance their skills in a sport that requires a lot of stretching/strengthening in specific areas (such as taekwondo, gymnastics, or dance), and the plans have increasing amounts of personalization. In the Athletes Plan, we will allow users to add their own exercises/stretches to their routines, and the timer will respond to the updated routine. We also plan to include food recommendations for these plans. In our Premium Plan, we want to include more progression-based routines, so that users can both improve their existing skills and learn new ones!
How We Built Restore 💻
On the front end, we used HTML, CSS, and some Javascript to create an interactive and visually appealing site. On the backend, we used mostly Javascript to create the interactive exercise circuits and allow users to customize their workout. More specifically, we used the Map Mapster module to allow customers to locate the specific muscles that they injured or wish to strengthen. Then, we used Javascript to build the drag and drop that allows users to edit their workout circuit, and we used more Javascript to create a timer that follows our recommended sets and workout durations so that customers can complete the workout without even touching their devices!
Challenges We Ran Into ❌
Ensuring that our site would be suitable for people on phones and neatly displaying the information about each injury proved difficult, and it took us a while to format the front-end of the website (especially the drag and drop, the timer, and the exercise menus). On the back-end, since the website was so Javascript-heavy, it was difficult to ensure that all the functions worked together. We ran into several setbacks with the timer when we customized workouts, and with the human skeletal muscle model when we clicked on various body parts. Fortunately, we were able to solve these issues to create a fully functional website.
Accomplishments that We're Proud Of 🏆
We are incredibly proud of being able to program such an interactive website. We pride ourselves in the level of personalization our site has, so we’re quite happy with the results of our work, especially since we had little experience with much of the backend.
What We Learned 📖
From a design perspective, we learned a lot about CSS styling and how to create transitions when the user hovers over or clicks certain parts of our site. We also became much more familiar with Javascript, as only one of our members was proficient with it previously. More specifically, we learned how to render an image interactive and customize a timer to beep at varying time intervals.
What's Next for Restore? 📈
Restore is a highly scalable business because of the extremely large market we can sell to. Although we currently focus on rehabilitation, we want to develop our Athletes and Premium Plan to help people who play sports safely improve their skills. In our Athletes Plan, we will provide various conditioning and progressive routines to help our users perform any skill they want, from a simple cartwheel to a back layout twist or 540-degree kick. Then, in our Premium Plan, our routines will be even more customizable! Users will be able to select what sport(s) they do (such as Taekwondo, Calisthenics, or Gymnastics) and choose from a list of skills they would like to develop (such as a jumping back kick, a muscle-up, or a front aerial). From this, we will provide them with one conditioning routine and one list of progressions to help them slowly work up to their goals in a safe and controlled way. Furthermore, we plan to expand to offer services to physicians and physical therapy clinics to provide their patients with an easy way to strengthen their injured limbs.
Log in or sign up for Devpost to join the conversation.