Know Your Health Project Story

Inspiration

Our team was driven by a desire to create a tool that makes health information accessible and easy to understand. We were inspired by trusted health sources and our shared commitment to empower people to learn more about their well-being. The idea was to build a user-friendly interface that allows individuals to check off their symptoms and receive immediate feedback on possible health conditions.

What We Learned

• Web Development:
  We expanded our knowledge in HTML, CSS, and JavaScript. Creating dynamic content and handling user interactions in real time was a particularly valuable experience.

• UI/UX Design:
  The project challenged us to create an interface that is both visually appealing and intuitive. Experimenting with a light pink theme helped us balance aesthetics with functionality.

• Version Control:
  Working with Git enabled our team to collaborate efficiently. We learned the importance of version control in managing changes and streamlining our development process.

How We Built the Project

1. Planning and Design:
   We began by outlining the project’s objectives and designing a basic structure. Our focus was on creating a dynamic symptom checker that is simple yet effective.

2. Development:

   • HTML: We built the structure of the web page.
   • CSS: We implemented a modern, light pink themed design that enhances the user experience.
   • JavaScript: We developed the core functionality to generate checkboxes for various symptoms dynamically and calculate the likelihood of different conditions based on user input.

3. Integration and Testing:
   After integrating the code into a single file for ease of deployment, we conducted thorough testing to ensure smooth functionality and a responsive user interface.

Challenges Faced

• Dynamic Content Management:
  One of the main challenges was managing and rendering a dynamic list of symptoms. Ensuring the interface updated correctly with every user interaction required careful planning.

• Real-Time Updates:
  Implementing the real-time update mechanism for symptom selection and condition likelihood calculations was technically challenging but crucial for a seamless user experience.

• Design vs. Functionality:
  Striking the right balance between an appealing design and robust functionality took several iterations and team brainstorming sessions.

• Team Coordination:
  Integrating our individual contributions through version control required effective communication and collaboration to keep the project cohesive.

Built With

• css
• java
• visual-studio