Symptom Explorer Web Application Correction
Budget: $10 – $30 USD
We are currently facing challenges with our medical symptom tracking website, Epicrize, specifically with the dynamic generation and management of interactive symptom elements on the website. The site uses JavaScript to dynamically generate a hierarchical list of symptoms and their sub-categories, allowing users to interactively navigate through them. However, there are issues especially when displaying deeper levels of nested symptoms.
Issues to Address:
Nested Symptoms Visibility:
The main issue is that symptoms nested at deeper levels (beyond the third level) are not displaying consistently. While the top levels display as expected, deeper nested symptoms sometimes do not appear, even though they are supposed to be dynamically generated and made visible upon user interaction.
Parent Element Selection Errors:
Error messages such as "No parent found for selector #someParentElement" and "No elements found for selector .sub-symptoms" frequently occur. This suggests that there's a problem with the script's ability to locate and correctly append child symptom elements to their respective parent elements within the document's structure.
Dynamic Content Management:
The system to dynamically create and append symptom elements based on structured data seems to be failing, particularly for deeply nested elements. This could be due to timing issues (scripts executing before the DOM is fully ready), incorrect DOM selectors, or logical errors in managing hierarchical data relationships.
Required Skills:
Strong proficiency in JavaScript, especially in handling dynamic content and DOM manipulation.
Experience with debugging complex web applications.
Ability to optimize and refactor existing code for better performance and reliability.
Objectives:
Review and refactor the existing JavaScript code to ensure that all nested symptom buttons are correctly generated and displayed.
Implement a robust system for managing visibility and interaction of nested elements.
Ensure the system is scalable, with clean, well-documented code that handles deeper levels of nesting efficiently.
Resolve all current JavaScript errors related to element selection and visibility toggling.
Deliverables:
A fully functional script where all levels of symptoms are accessible and visible as per the user interactions.
Documentation outlining changes made, with suggestions for future maintenance and potential scaling.
This project requires a detailed examination of the current script handling the symptoms, identification of bugs, and implementation of fixes to ensure that the website functions correctly across all user interactions. If you have experience with complex DOM manipulation and dynamic content in web applications, your expertise would be invaluable in resolving these issues.
Issues to Address:
Nested Symptoms Visibility:
The main issue is that symptoms nested at deeper levels (beyond the third level) are not displaying consistently. While the top levels display as expected, deeper nested symptoms sometimes do not appear, even though they are supposed to be dynamically generated and made visible upon user interaction.
Parent Element Selection Errors:
Error messages such as "No parent found for selector #someParentElement" and "No elements found for selector .sub-symptoms" frequently occur. This suggests that there's a problem with the script's ability to locate and correctly append child symptom elements to their respective parent elements within the document's structure.
Dynamic Content Management:
The system to dynamically create and append symptom elements based on structured data seems to be failing, particularly for deeply nested elements. This could be due to timing issues (scripts executing before the DOM is fully ready), incorrect DOM selectors, or logical errors in managing hierarchical data relationships.
Required Skills:
Strong proficiency in JavaScript, especially in handling dynamic content and DOM manipulation.
Experience with debugging complex web applications.
Ability to optimize and refactor existing code for better performance and reliability.
Objectives:
Review and refactor the existing JavaScript code to ensure that all nested symptom buttons are correctly generated and displayed.
Implement a robust system for managing visibility and interaction of nested elements.
Ensure the system is scalable, with clean, well-documented code that handles deeper levels of nesting efficiently.
Resolve all current JavaScript errors related to element selection and visibility toggling.
Deliverables:
A fully functional script where all levels of symptoms are accessible and visible as per the user interactions.
Documentation outlining changes made, with suggestions for future maintenance and potential scaling.
This project requires a detailed examination of the current script handling the symptoms, identification of bugs, and implementation of fixes to ensure that the website functions correctly across all user interactions. If you have experience with complex DOM manipulation and dynamic content in web applications, your expertise would be invaluable in resolving these issues.