• 

  Program Example

• 

  Example Result

• 

  Zoomed In mode

• 

  Zoomed Out Mode

• 

  High Contrast Mode

Mental Health Survey Project

Inspiration

The inspiration for this project came from a desire to create a simple yet effective tool for assessing potential signs of stress, depression, or suicidal thoughts. Mental health is a crucial aspect of overall well-being, and providing individuals with a way to self-assess and access resources can be valuable in promoting early intervention and support.

What I Learned

Throughout this project, I learned about the importance of user interface design in sensitive topics such as mental health. Creating a non-threatening and user-friendly interface is essential for encouraging individuals to engage with the survey honestly and comfortably. Additionally, I gained insights into JavaScript functionality, particularly in handling user input and dynamically updating the interface based on the calculated results.

Building the Project

The project is built using HTML, CSS, and JavaScript. HTML is used for structuring the content, CSS for styling, and JavaScript for interactivity and functionality. The questionnaire consists of ten questions related to various aspects of mental health, each with multiple-choice options. Upon submission, the JavaScript code calculates a score based on the user's responses and provides feedback and suggestions accordingly.

Challenges Faced

One of the main challenges faced during the development of this project was ensuring the accuracy and sensitivity of the assessment. Additionally, creating a visually appealing and accessible interface required careful consideration of design elements and usability. Handling different scenarios and providing appropriate feedback based on the user's responses was another challenge that required thorough testing and refinement.

Overall, this project aims to serve as a supportive tool for individuals to assess their mental health and access resources if needed, emphasizing the importance of seeking help when experiencing distressing symptoms.

Built With

• css
• html
• javascript