MENTAL HEALTH AWARENESS WEBSITE

APPLICATION

An Engineering Project in Community Service

Phase – I Report

Submitted by

Krishna Garg- 21BCE11040

Kalpana Tolwani- 21BSA10038
Yakshi Mangal- 21BAI10219
Arushi Goel- 21BAI10050
Abhijeet Singh- 21BCE10593
Shubh Kathal- 21BCE11095
Abhinav Karn- 21BCE1127
Kajal Singh- 21BAC10039
Sachin- 21BAC10036
Shubham- 21BCE10240
in partial fulfillment of the requirements for the degree of

Bachelor of Engineering and Technology

VIT Bhopal University

Bhopal
Madhya Pradesh

December, 2023
 Bonafide Certificate

Certified that this project report titled “MENTAL HEALTH

AWARENESS WEBSITE APPLICATION” is the bonafide work of
“21BCE11040 Krishna Garg, 21BSA10038 Kalpana Tolwani,
21BAI10219 Yakshi Mangal, 21BAI10050 Arushi Goel, 21BCE10593
Abhijeet Singh, 21BCE11095 Shubh Kathal, 21BCE1127 Abhinav Karn,
21BAC10039 Kajal Singh, 21BAC10036 Sachin, 21BCE10240
Shubham
” who carried out the project work under my supervision.

This project report (Phase I) is submitted for the Project Viva-Voce

examination held on 15th Dec-2023.

Supervisor
1. INTRODUCTION

● Welcome to [MINDY], a compassionate space dedicated to fostering

understanding, support, and empowerment on your journey towards mental
well-being. Here, we recognize that mental health is a crucial aspect of
overall wellness, and we are committed to providing resources and
information to help you navigate the complexities of your mental and
emotional landscape.
● In a world that often moves at a relentless pace, it's essential to prioritize
your mental health. Whether you're seeking guidance for yourself or a loved
one, [MINDY] is a trusted companion on the path to resilience, self-
discovery, and healing.
● Our platform is designed to offer a wealth of articles, expert insights, and
practical tips covering a broad spectrum of mental health topics. From
understanding common mental health conditions to exploring self-care
strategies, we strive to equip you with the knowledge and tools necessary to
make informed decisions about your mental well-being.

1.1 Motivation

● Break down societal stigmas: Having an open conversation about mental

health might help lessen the taboo attached to mental health problems.
Information to refute myths and preconceptions can be found on a website or
app.
● Spread proper information: A lot of people don't know enough about mental
health. Your platform can function as a dependable information source by
providing the audience with tools, articles, and resources for education.
 ● Encourage seeking help: A mental health website can highlight the value of
getting help as soon as possible and from a professional. Prompt assistance
can stop problems from getting worse.
1.2 Objectives:

The objective is to create a comprehensive online application for Mental Health

Awareness with the intention of creating a helpful online community. To increase
public awareness of mental health issues, this platform will offer a multitude of
instructional materials, articles, and professional insights. The application aims to
destigmatize mental health, foster open discussions, and encourage self-care
practices through its interactive features and user-friendly interfaces. To improve
their emotional well-being, users will have access to coping techniques, self-
assessment tests, and customized tools. In order to foster empathy and
understanding, the website will also include testimonials and true stories. The app
will also make it easier to connect with mental health specialists who can provide
advice and support.
2. Existing Work / Literature Review ( 1- 2 Pages)

2.1 Introduction

The landscape of mental health awareness initiatives is multifaceted, comprising

various online platforms and interventions aimed at addressing the global mental
health crisis. This section reviews existing work and literature to provide
insights into successful strategies, challenges, and opportunities in the realm of
mental health awareness.

2.2 Prominent Websites and Platforms

Prominent websites and platforms have played a pivotal role in disseminating

information and fostering community support for mental health. Notable
examples include https://www.mentalhealth.org.uk/ and
https://www.helpguide.org/ . These platforms have demonstrated the potential
of online spaces to connect individuals, provide resources, and combat stigma.
3. Topic of the work
a) System Design / Architecture

Frontend Components:

Utilizes HTML5 and CSS3 for structure and styling respectively.

Employs Embedded JavaScript (EJS) templates for dynamic content generation.

Incorporates JavaScript for client-side interactivity and user interface enhancement.

Backend Structure:

Leverages Express.js, providing routing, middleware, and managing HTTP requests.

Implements Passport.js for robust user authentication and security measures.

Integrates MongoDB Atlas, a NoSQL database, for efficient data storage and retrieval.

MERN Stack Synergy:

Adopts the MERN (MongoDB, Express.js, React, Node.js) stack for seamless integration
and unified JavaScript-based development.

React handles the frontend interface, Node.js manages server-side logic, and Express.js
facilitates API and routing operations.

Rapid API Integration:

Integrates Rapid API to access external services and APIs, expanding application
functionality and service offerings.

Overall System Focus:

 Emphasizes scalability, security, and performance.

Ensures a smooth user experience while handling data and interactions efficiently.

This architecture optimally utilizes these technologies to create a robust web application,
focusing on a blend of frontend and backend components, ensuring security, scalability,
and performance while providing a cohesive user experience.

b) Working Principle

To build a mental health awareness website application, the fundamental principle involves
fostering education, support, and destigmatization. The platform should provide accessible
information about various mental health conditions, symptoms, and available resources.
Incorporate user-friendly features, such as interactive quizzes or self-assessment tools, to
enhance engagement and self-awareness. Implement forums or chat functionalities to
facilitate community support and connection. Ensure confidentiality and privacy features
to create a safe space for users. Integrate multimedia content, including videos and articles,
to deliver diverse perspectives on mental health. Regularly update the content to reflect
current knowledge and trends. Employ responsive design for accessibility across devices.
Collaborate with mental health professionals to offer credible insights and advice.
Ultimately, the website should empower users, promote understanding, and contribute to a
more compassionate and informed society regarding mental health.

c) Expected Results

Our website gives users access to a setting ,where they can engage completely without fear
of judgement or hesitation. Every step taken towards awareness and understanding of
mental health issues advances the general wellbeing of our community. Use this forum to
be reminded that you are not alone and that it is powerful to ask for assistance and stand by
one another.
4. CONCLUSION ( Only for the phase – I work Completed) ( 1 Page)

During Phase 1, our team successfully executed a multifaceted approach to reach

diverse audiences. We delved into various aspects of mental health, from understanding
common disorders to destigmatizing seeking help. The engagement and participation from
the community exceeded our expectations, highlighting the relevance and urgency of
addressing mental health concerns

In embarking on the journey to build a Mental Health Awareness Website

Application, we have laid the foundation with the completion of the frontend—a
visual gateway to a space dedicated to fostering well-being. The significance of
mental health cannot be overstated, and as we take this initial step, we recognize
the profound impact our platform can have on individuals seeking support,
information, and connection.

The frontend design reflects our commitment to creating a user-friendly and

empathetic environment. Through thoughtful interface elements, soothing color
palettes, and intuitive navigation, we aim to provide a space that feels
comforting and safe. However, we acknowledge that the true power lies not just
in the aesthetics but in the content and functionality that will be added in the
upcoming phases.

As we move forward into the development of the backend and the integration of
crucial features, our primary focus remains on delivering a resourceful,
inclusive, and informative platform. Mental health awareness is not merely a
concept; it is a call to action, a commitment to breaking down barriers, and a
dedication to providing genuine support.

This project is not just about coding and design; it's about making a positive
impact on the lives of individuals navigating the complexities of mental health.
We envision a future where our application serves as a beacon of hope, a source
of reliable information, and a community that fosters understanding and
empathy.
5. Reference: ( 1 Page)

1. https://main.icmr.nic.in/sites/default/files/reports/Mental_Health.pdf
2. https://www.ncbi.nlm.nih.gov/pmc/articles/PMC4409431/
3. https://www.nature.com/articles/s44220-023-00181-2
4. https://www.nature.com/articles/s44220-023-00072-6