HealthyReminder

I created a website that reminds users to take regular exercise breaks. This is for my mother, who spends hours working on her computer and often forgets to take breaks despite her hip and back pain.

Comment

Inspiration

The reason I developed this website was because of my mother's struggles with waist, hip, and back pain. Her physical therapist recommended regular exercises, but her long hours at the computer made it challenging. The main problem is that she often forgets to take breaks and exercise, and long times spent sitting down can worsen her pain. My website aims to remind her (and users in general) to take breaks and perform exercises, promoting a healthier lifestyle.

What it does

This website allows users to set a repeating timer that runs until their specified end time. Once the timer concludes, a song(that I proudly 'composed') plays until the user interacts with the website. They are then directed to a page linking to an exercise site. Upon returning, the timer automatically restarts if the end time hasn't been reached. Additionally, the app provides late-night reminders, encouraging users to rest and maintain a healthy sleep schedule.

How I built it

I used React to create the website due to its component-based architecture, which makes it easier to manage state and build dynamic user interfaces efficiently. React's flexibility and strong community support were key factors in choosing it for this project. I believe every website should be user friendly, so I used CSS to try and create a modern look and to ensure the website would work across different devices.

Challenges I ran into, what I learned

Being inexperienced with React, I initially found it challenging to manage state and component lifecycle effectively. CSS styling was also a hurdle, as I felt out of my depth in creating a visually appealing interface. Through this project, I learned valuable lessons in debugging, leveraging libraries for UI enhancements, and improving my styling skills.

What's next?

My future plans include adding more customization options, such as personalized exercise reminders. Currently, I am linking the website to another existing website with libraries of exercises for different muscle groups. For convenience of users, I would likely want to develop an in-built exercise system in the website (as in instead of redirecting to a different website to find exercises, users can do so in my website directly).

Share this project:

Updates