Landing Page
Spaces-Light
Resources-Light
Test-Light
Spaces-Dark
Resources-Dark
Resources-Dark

Mental Health Support Website: A Journey of Support and Community

Inspiration

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.

Features

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.

Challenges

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.

Conclusion

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.

Built With

Submitted to

HackFit 2

Created by

I worked on frontend & Backend of Blog & Spaces feature , integrated the backend with frontend, deployment and managed issues and PR's on the repository.

Vishal Shinde
Hello! My name is Vishal. I am deeply passionate about software & I also firmly believe in the power of the community.
It was first time using react. I worked on take a test section of the project by searching question related to mental health .

Shreyashka Patel
It's Was My First Time In Hackthon. Got To Learn A Lot In Frontend Like React.js. Thanks To My Teammates Who Always Supports And Encourages Me All Time.

Shantanu Parameswaran
I worked on the Blog section and was part of the Front-End team. I learned a lot as it was my first time using React JS.

Shridhar Khare
I was the head of the Front-End team. I was overseeing the entire UI and UX design and how the APIs connect with the Front-End. I got to lead a team and direct them as they tried to work with each other's style.

Bhargav Modak
A third year CSE student interested in AR and AI
Manas Telavane