Mental Health Support Website: A Journey of Support and Community


The need for mental health support has never been more pressing than it is today. With the ongoing pandemic, many individuals are struggling with their mental health and in search of a platform where they can find support, resources, and community. Our team was inspired to create a website that addresses these needs and provides a safe space for individuals to discuss their mental health experiences, access helpful resources, and take a self-assessment test.


  • Spaces: Our website provides a platform for individuals to come together and discuss mental health-related topics in a safe and supportive environment. This allows for individuals to share their experiences, provide support for one another, and find a sense of community.
  • Blog: Our website features a blog section where users can read and write about mental health-related topics. Users can also create their own blog to share their personal experiences and insights. Resource Section: Our website provides users with access to various websites and resources related to mental health. These resources can provide additional information and support for individuals dealing with mental health issues.
  • Self-Assessment Test: Our website includes a self-assessment test consisting of 25 mental health-related questions. The test results are presented in a radar graph using Chart.js, which shows the individual where they need to focus on.
  • Google Login: Our website allows users to log in with their Google account for easy access to their personalized information.

What We Learned

  • During the development process, we learned about the importance of community and support in addressing mental health issues. We also gained valuable experience in using the MERN stack and Chart.js to build the website. Specifically, we learned how to use Chart.js to create an interactive and user-friendly radar graph that makes it easy for users to understand their test results.

How We Built the Project

We started by brainstorming the features and functionality of the website. From there, we divided the work into different tasks, such as designing the layout, implementing the self-assessment test, and integrating the Google login. The website was built using the MERN stack, which allowed us to efficiently handle the different aspects of the website, such as the database and user authentication. Chart.js was used to create the radar graph for the self-assessment test results.


One of the biggest challenges we faced was ensuring that the self-assessment test was accurate and effective. We had to conduct extensive research on mental health and consult with experts in the field to create the test questions and interpret the results. Additionally, we faced challenges in creating a user-friendly interface that is accessible to individuals of all backgrounds. Ensuring that the website can be easily navigated by users with disabilities was a priority for us.


Creating this website was a challenging yet rewarding experience. We are proud of the end result and hope that it will be a valuable resource for individuals dealing with mental health issues. Our goal is to create a platform that provides both resources and a sense of community for those struggling with mental health, ultimately improving their well-being. We believe that together, we can break the stigmas surrounding mental health and make it a part of everyday conversation.

Share this project: