MINI PROJECT REPORT

ON
MENTAL HEALTH WEBSITE
A Project report submitted in partial fulfillment of
requirements for the award of the Degree of

Bachelor of Technology in Computer Science & Engineering

Submitted By : Submitted To:

Aman Sagar (2200270100040) Mr. Varun Kumar
Abhishek Siddu (2200270100051)
Aman Palival
Abhishek

Department of Computer Science & Engineering

AJAY KUMAR GARG ENGINEERING COLLEGE GHAZIABAD, UP-201009

 DECLARATION

I hereby declare that the Mini Project Report entitled ("MENTAL HEALTH WEBSITE") is an
authentic record of our work as a requirements of Training for the award of degree of B.Tech.
(Computer Science & Engineering), AJAY KUMAR GARG ENGINEERING COLLEGE, under the
guidance of Mr. Varun Kumar.

Aman Sagar (2200270100022)

Abhishek Siddu (2200270100010)

Aman Palival (2200270100021)

Abhishek (2200270100057)
 ACKNOWLEDGEMENT

It is my proud privilege and duty to acknowledge the kind of help and guidance received from
several people in preparation of this report.

It would not have been possible to prepare this report in this form without their valuable help,
cooperation and guidance.

First and foremost, I wish to record our sincere gratitude to Society Coordinators for their constant
support and encouragement in preparation of this report and for making available videos and
interface facilities needed to prepare this report. The seminar on “Web Development” was very
helpful to us in giving the necessary background information and inspiration in choosing this topic
for the seminar. Their contributions and technical support in preparing this report are greatly
acknowledged.

I would like to thank my HOD, Dr. Anu Chaudhary for providing the necessary facilities required
for the completion of this project.

I would also like to express my sincere gratitude towards my project guide Mr. Varun Kumar whose
guidance and care made the project successful.

Finally, I would like to thank every person who directly or indirectly helped me in the completion of
the project, especially my parents and peers.

Aman Sagar (2200270100022)

Abhishek Siddu (2200270100010)
Aman Palival (2200270100021)
Abhishek (2200270100057)
 Contents

S. No. Chapter Page No.

1 INTRODUCTION 1-1

2 SOFTWARE TRAINING
2-4
 WORK UNDERTAKEN

3 MINI PROJECT
5-5
 WORK UNDERTAKEN

4 PROJECT WORK 6-6

RESULTS
7-9
5 AND
DISCUSSION
10
6 FUTURE SCOPE

11
7 CONCLUSION

12
8 REFERENCE
CHAPTER1
INTRODUCTION :
In this project we tried to create a website which is easy to use and beneficial for the customers
as well as the developers.

Our website is completely based on the motive that MENTAL WELL BEING is very
necessary in recent times and we should spread awareness about mental health.

Our website has various features articles about mental goodness , consulting with NGOs
working in the field of mental health awareness .

Some of the special features of our website includes 24*7 customer support , easy access to the
NGOs, consulting by seniors for students.

Our website MELCURE aims to make the web a better place to talk about the mental well
being.

At [MELCURE], we believe that every individual deserves to lead a fulfilling and mentally
healthy life. Our motto encapsulates our commitment to empower individuals to take control of
their mental health journey, enriching their lives with resilience, positivity, and self-discovery.
Through our comprehensive resources, compassionate community, and evidence-based
practices, we strive to inspire positive change and promote flourishing mental health for all.

For the purpose we used various technologies like HTML, CSS, JAVASCRIPT and allocated the
work accordingly among all the team members.
CHAPTER 2

SOFTWARE WORK UNDERTAKEN

The technologies used to develop the internship project i.e. REAL ESTATE WEBSITE is CSS and
JavaScript.

CSS Introduction
•CSS stands for Cascading Style Sheets
•CSS describes how HTML elements are to be displayed on screen, paper, or in other media
•Using CSS, you can control the color of the text, the style of fonts, the spacing between paragraphs,
how columns are sized and laid out, what background images or colors are used, layout designs,
variations in display for different devices and screen sizes as well as a variety of other effects.

History of CSS
The saga of CSS starts in 1994. Håkon Wium Lie works at CERN – the cradle of the
Web
– and the Web is starting to be used as a platform for electronic publishing.

One crucial part of a publishing platform is missing, however: There is no way to style documents.
For example, there is no way to describe a newspaper-like layout in a Web page. Having worked on
personalized newspaper presentations at the MIT Media Laboratory, Håkon saw the need for a style
sheet language for the Web.

Style sheets in browsers were not an entirely new idea. The separation of document structure from
the document's layout had been a goal of HTML from its inception in 1990. Tim Berners-Lee wrote
his NeXT browser/editor in such a way that he could determine the style with a simple style sheet.
However, he didn't publish the syntax for the style sheets, considering it a matter for each browser to
decide how to best display pages to its users. In 1992, Pei Wei developed a browser called Viola,
which had its own style sheet language.

However, the browsers that followed offered their users fewer and fewer options to influence the
style. In 1993, NCSA Mosaic, the browser that made the Web popular, came out. Style wise,
however, it was a backward step because it only allowed its users to change certain colors and fonts.

JavaScript Introduction
JavaScript is a cross-platform, object-oriented scripting language used to make webpages interactive
(e.g., having complex animations, clickable buttons, popup menus, etc.).
There are also more advanced server-side versions of JavaScript such as Node.js, which allow you to
add more functionality to a website than downloading files (such as real-time collaboration between
multiple computers). Inside a host environment (for example, a web

browser), JavaScript can be connected to the objects of its environment to provide programmatic
control over them.
JavaScript contains a standard library of objects, such as Array, Date, and Math, and a core set of
language elements such as operators, control structures, and statements. Core JavaScript can be
extended for a variety of purposes by supplementing it with additional objects; for example:

Client-side JavaScript extends the core language by supplying objects to control a browser and its
Document Object Model (DOM). For example, client-side extensions allow an application to place
elements on an HTML form and respond to user events such as mouse clicks, form input, and page
navigation.

Server-side JavaScript extends the core language by supplying objects relevant to running JavaScript
on a server. For example, server-side extensions allow an application to communicate with a
database, provide continuity of information from one invocation to another of the application, or
perform file manipulations on a server.

This means that in the browser, JavaScript can change the way the webpage (DOM) looks. And,
likewise, Node.js JavaScript on the server can respond to custom requests sent by code executed in
the browser.

JavaScript Features
Scripting Language

JavaScript is a lightweight scripting language made for client-side execution on the browser. Since it
is not designed as a general-purpose language and is specially engineered for web applications, the
set of libraries is also geared primarily towards web applications.

Interpreter Based

JavaScript is an interpreted language instead of a compiled one. In that sense, it is closer to

languages like Ruby and Python. The browser interprets JavaScript’s source code, line by line and
runs it. In contrast, a compiled language needs to be compiled into a byte- code executable. Java and
C++ are examples of compiled languages.

Event Handling

An event is an action or an occurrence in a system that communicates about said occurrence so that
you can respond to it somehow. For example, a user clicks on a button, and the system tells you to
respond to the button click event with an action, say an information box.

JavaScript enables you to handle events and even generate custom events.
Case Sensitive

JavaScript is highly case-sensitive. All keywords, variables, function names and other identifiers can and

must only follow a consistent capitalization of letters.

E.g.:

var hitCounter = 5

var hitcounter = 5

Here variables hitCounter and hitcounter are both different variables because of the difference in the case.
Also, all keywords such as “var” are case sensitive.
CHAPTER 3

MINI PROJECT WORK UNDERTAKEN

# WE A building a user-friendly interface that prioritizes accessibility, ease of navigation, and

readability.
# Customer can register their account for help and consultancy for mental health.

# Interface is very easy to use so that the users can use all the features easily.

# It provides the user with catalogue of various NGOs and organization and Doctors working in this
field to help youngsters.

# We are ensuring that the content is accurate, empathetic, and inclusive, catering to diverse
audiences and addressing various mental health needs.
CHAPTER 4
THE PROJECT WORK

Problem Definition:

In today's fast-paced and digitally connected world, mental health issues have
become increasingly prevalent, affecting individuals of all ages, backgrounds, and
demographics. Despite growing awareness of mental health concerns, significant
barriers persist in accessing timely support, resources, and information. Many
individuals face challenges in navigating the complexities of mental health care,
including stigma, limited access to professional services, and a lack of knowledge
about available resources.

FEASIBILITY ANALYSIS:-
We are building a website for mental health awareness using a specific technology named HTML, CSS
and JavaScript. It appears that developing a mental well-being website is technically feasible,
economically viable, and aligned with market demand. However, it is essential to address legal, ethical,
and operational considerations to ensure the success and sustainability of the project.

CHAPTER 5
RESULTS AND DISCUSSIONS

1. Home Page

This is the Home Page of the website, by clicking here we can see all the available options and
operations which can be performed on the website .

This page includes all the facilities ranging from buying ,signing in ,selling and the option of
giving feedback as well.
2. Sign up and Sign in Page
In this page, a user gets the opportunity of signing in to a previously made account and the chance to
make a new account as well, i.e., Sign Up.

Also, all the entries made in each and every section of the sign-up form is validated with the help of JavaScript
(or we can say that input data is authenticated here).

A user can create an account on the Apna Ghar website by entering the following credentials which include
Name, Email id, Mobile No., and Password.
3. Properties Page

This is the page where all the Properties which are already sold r
are ready to be sold can be seen.
4. Buy And Rent Section:

After clicking on the search button and getting a view of the perceived housing property or after simply
getting the view of the property from the properties listed on home page, the user is now able to buy and
sell the property.

Clicking on the buying section will lead to a form which will take credentials and then make the user
able to pay the money or book a sightseeing appointment at the location.
Whereas,
Clicking on the rent section will lead to a form which will take credentials of the customer and the
property including the location and images of the property, and then make that user an eligible tenant of
that property after the verification of all the details.
5. Inquiry Section
By filling the form with a little bit of details user become eligible to get a brief information regarding
the property in which he/she is interested.
6. Help Section:
By clicking here , user can get all the help regarding selling and buying the properties which are
enlisted on the website.
Future Scope:

The future scope of our website can be very astonishing and great as nowadays since
everything is going online and people aren’t even ready to go to nearby shops for
getting bread, they prefer to order that bread packet rather through an online app or a
website. So, in a long run and considering the future aspects, it is possible that our
website may reach some new heights.

Talking about the personal interest few group members are very willing to carry on the
project even after the submission and make its best version ,a real world website which
is able to sell properties (not only housing but all kinds of properties )online.
Conclusion
After the completion of the project, it is clear in the minds of all the group
members that it was not a very easy task to do but at the same time, it was a
creative challenge that we took in a positive manner and created it with the utmost
efforts. This project includes a very easy user interface that enables the user to
become the buyer as well as the prominent seller of the property.

The most admirable feature of our project was its simplicity in terms of interface
to the user and at the same time it is highly beneficial in outputs, that’s why we
say that it can’t be ignored. The users will highly benefit after using the website as
the seller as well as the buyer because it reduces the risks of discrepancy and also
the margin of the broker gets reduced.

Looking at the future aspects we hope that this project will help the future
developers and may be ourselves to modify and implement the website in the best
way possible. After modifying some techniques of the programs, it will give us the
best performance as per our requirements. The project will be very useful for the
users in every way possible.
 References

• https://supersimple.dev/courses/html-css-course
• https://supersimple.dev/courses/javascript-beginner-course-20201
• https://www.w3schools.com/css/
• https://solitairevalley.com/ (for getting styling references)