As high school students ourselves, we have struggled with mental health issues first-hand and have experienced the detriments of anxiety and depression. Due to our shared experiences, we know the importance of finding help and providing help to those struggling with emotional or mental trauma. To create a relatable and useful website, we researched the 5 most common issues that teenagers our age struggle with. We found that test anxiety, bullying, academic pressure, social life, and procrastination are the most common issues and since we are able to relate to these on a personal level, we were able to create a fitting and helpful website for other high school students to use.

What it does

Our solution to address the various mental health issues that high schoolers are struggling with is to create an interactive website that identifies the issue through a series of a questions and a list of coping strategies that are aimed at helping the user face and overcome their issue. Users will rate themselves on five statements for each of the mental health issues. On a scale from strongly disagree to strongly agree, participants will rate how much they agree with the given statement, and based on their score, the quiz will output which of the problems they struggle with the most.

How we built it

We started by utilizing GitHub as the site to host our web pages. We created our home page or index page by creating a table and formatting in radio buttons that the user would click on for each quiz. The website would then take that input and turn it into a numerical point system that we could use to keep a measure of how severe that particular factor being tested was. If it passed a certain threshold, then a message that notified the user of the possible cause would be displayed and guide them to resources. Under resources we linked in some sites and sources people could use to help alleviate themselves from these causes of stress. We made several files in Gitbub, one for every new page, that were linked throughout so users could move through pages.

Challenges we ran into

This was the first time any of us have used HTML, so we had to learn the syntax and how JavaScript is incorporated in order to create a functional website. We encountered many errors along the way. To start, the radio buttons in our survey weren’t working because when you clicked on the answer for one question, it wouldn’t let us click on an answer for another. This caused us to completely reformat and give each radio button a different name so they wouldn’t interfere with each other. We also had some design issues. Originally the questions were formatted in a list format, all one after each other, which was messy and unprofessional. We decided to include a table and integrate the radio buttons into the table to make it cleaner. Getting a hang of the new language style was difficult at first, but as we continued to fix our errors we improved and overcame the challenges.

Accomplishments that we're proud of

We are proud of how our project turned out overall, from the PowerPoint to our website. At first, we were unsure if we were capable of designing and creating a project with the given time, but we worked together and pushed ourselves to come up with a unique idea to aid in improving the mental health of high school students in terms of test anxiety, bullying, academic pressure, social life, and procrastination. Additionally, we are proud of our website and its various components and functions, especially considering none of us were familiar with HTML. Although it was our first time using HTML, we were able to use our existing programming knowledge to create a well-designed, functional website.

What we learned

We learned a great deal about how mental health struggles affect high school students, how many students are affected, and ways to overcome these struggles. It was clear to us that people still struggle with mental health even if they don’t have a definite diagnosis or clinical help. Every day, numerous high school students go through one or many of the 5 problems we listed, and it was helpful to learn about coping mechanisms and resources. Throughout building this website, we also learned to develop our patience, teamwork, collaboration, communication, and leadership skills. We effectively split up the work and were able to get each individual component of the project done through delegation and flexibility.

What's next for Sources of Stress from School

Since this is a rough draft of the website, there are many changes that could be made in the future to improve it. For example, we would add a more comprehensive explanation and list of resources for each problem so that users have a cohesive list of ways to get help. We would also add more coping mechanisms, such as digital games that have found to be soothing and relaxing. Finally, we would add a bot to incorporate a live chat or connect the user with someone to chat with so that they can receive instantaneous assistance.

Share this project: