Inspiration:

For this project, my inspiration came from my surroundings. For both my family, friends, and myself, life had become extremely boring during lockdown. Doing physical exercise was difficult, since gyms were closed and sports teams had been put on hold. Mental health had also begun to deterioriate, after sitting in the house for prolonged periods of time, and due to pessimism about the entire situation of the pandemic. That's why I decided to make COVID-19 HealthEval, which helps to solve both of these problems.

What it does

COVID-19 HealthEval allows you to evaluate your own physical and mental health using a short and simple quiz for each. For the mental health quiz, you get personalized advice about coping with your current detected stress levels. For physical health, there are different quizzes for different body parts that you want to make stronger, or exercise more. Based on the results of the physical health quiz for a specific body part, you get a personalized diet, a sample meal plan, and a workout routine that has been designed for people to be able to easily do at home, without any equipment that you would use at the gym.

How I built it

I built COVID-19 HealthEval with HTML, CSS, VanillaJS, and JQuery. Here's a breakdown of how I did each section of this project:

Home Page: HTML + CSS Mental Health Home Page: HTML + CSS Mental Health Evaluation Quiz: HTML + CSS + VanillaJS + JQuery (The quiz was made with the JS and JQuery)

Physical Health Home Page: HTML + CSS Physical Health Application (CoreHealth): I made an entirely separate website for the physical health section, also called Core Health, due to the many pages. I did not want to crowd it all into one website. Home: HTML + CSS cH (Core Health) Quiz: HTML + CSS + VanillaJS + JQuery Diet: HTML + CSS Workout: HTML + CSS About: HTML + CSS

Challenges I ran into

  1. The main challenge for me was the media queries, and adapting the website to be functional on the phone. For the different versions of phones, there are different widths and heights that need to be adjusted to, which required lots of precision.
  2. Making the design look professional + inviting. I felt that this was very important, as the look of the website when a person accesses it makes the initial good/bad impression.

Accomplishments that I'm proud of

  1. Being able to make the media queries work. This was the most time-consuming portion of the project for me.
  2. My attempt to solve a very prominent problem in today's world. The pandemic has created many difficult situations, and I have put in a lot of effort into trying to fix one of them.

What I learned

  1. I learned a lot about the physical and mental health problem during this pandemic. The personalized advice for each score came from research about mental health. The same followed for physical health.
  2. I learned many new components of HTML, CSS, and VanillaJS that I did not know of before, which has allowed me to expand my horizon for web-design.

What's next for COVID-19 HealthEval

For me, the next step is to learn Swift, and put this out on the iOS App Store. This will make it easier to use for people who primarily use their phones over their computers.

After this hackathon is over, I will definitely be working on this project to improve it. I am alone on this team, and I think that I am the right person for this project, because I really have a passion for computer science and a sincere drive to improve the physical and mental health situation for everyone during this pandemic.

Share this project:

Updates