Health Track

• 

• 

  calculator

• 

  landing page

• 

  suggestions/responses page

Inspiration

The inspiration for Health Track came from a desire to promote health and well-being by providing easily accessible tools for users to track their health. With the rise in lifestyle-related diseases, we wanted to create a simple yet effective way for people to calculate their BMI and gain insights into their health status.

What it does

Health Track allows users to calculate their Body Mass Index (BMI) by inputting their weight and height. Based on the BMI, the app provides personalized health insights, categorizing users as underweight, healthy weight, overweight, or obese. This helps users understand their current health status and take informed actions towards better health.

How we built it

We built Health Track using a combination of modern web technologies. The frontend is developed with React and Next.js for a smooth, responsive user interface. We used Next.js server side for the backend, managing database interactions with Prisma and handling user authentication with NextAuth. The entire application is styled using Tailwind.css to ensure a clean user experience.

Challenges we ran into

to complete this task in less than 72 hours was a bit challenging beside that, One of the significant challenges we faced was ensuring accurate BMI calculations and providing meaningful health insights However, through perseverance and learning from online resources, we overcame these obstacles.

Accomplishments that we're proud of

We are proud of creating a functional and user-friendly application within a tight deadline. Successfully integrating React, Next.js, Prisma, and NextAuth to build a seamless and secure user experience was a major accomplishment. We're also proud of the clean and intuitive design achieved with Tailwind CSS. Additionally, we efficiently utilized the resources provided by our sponsors, which greatly helped in building the project. Above all, we love doing social work and contributing positively to society through technology.

What we learned

Throughout this project, we learned the importance of user's eye catching design and how crucial it is to make health tools accessible and easy to use. We also gained valuable experience in integrating various technologies to create a seamless user experience.

What's next for Health Track

Next, we plan to enhance Health Track by adding more features, such as tracking users' health data over time and providing personalized health tips. We also aim to improve the UI/UX further and make the app available on more platforms. Integrating more health metrics and expanding the database to support more users.

Built With

• css3
• html5
• next
• node.js
• postgresql
• prisma
• react
• typescript