Depression-Debuggers

INTRODUCTION:-

We are here to HELP, not to JUDGE!

We have created a fully RESPONSIVE website which aims to eradicate mental health issues from the comfort of your own house, without the involvement of a stereotypical environment. The interface aims to provide numerous mindset lifting exercises, yoga, and meditation. The site gives direct admittance to contact specialists liberated from the cost of consultancy. Furthermore, there are communities to vent your thoughts and a personalized chatbot to assist you through your issues.

WHAT OUR WEBSITE DO?

1.Our website provides various resources to help patients reduce their anxiety and stress symptoms. We have provided a section of blogs releated to Mental Health.

2.We sometimes feel lonely and there’s no one to talk or to share what we are feeling. That’s why we have created an Interactive Chat Bot i.e. Glad-Bot which will talk to you any time you want.

  1. We have also created a section for the registeration of therapists and counsellors, where any user can talk to or consult our registered Counsellors at minimal cost.

  2. If any user is dealing with suicidal aur homicidal thoughts then we have provided a direct link of icall where they can contact anyone for help.

  3. A Community forum is provided for mutual help and conversations to ease up the process of rectifying the mental state.

MODULES IMPLEMENTED:-

  1. HTML
  2. CSS
  3. JavaScript
  4. jQuery
  5. SCSS
  6. WebFonts
  7. PHP

FOR WEB-PAGE: ->HTML- We have created four html pages and linked them to each other. The first page is home page which includes all the contents which is included in the website. Contents included in the the home page are:-

  1. About Depression Debuggers
  2. Resources which we are providing, it includes brain excercises, reading materials like blogs, tips and many more.

->CSS/SCSS- CSS and SCSS are Cascading StyleSheet and Syntactically Awesome Style Sheet respectively. CSS describes how elements should be rendered on screen, on paper, in speech, or on other media. Webpage is made more attractive and dynamic by using CSS and SCSS. SCSS are basically the advanced version of CSS which provides many more styling options. For creating the Interactive AI Bot we used the CSS/SCSS styling format for the display of Glad-Bot as a pop-up. We used various Bootstrap classes for implementing the Css.

->JavaScript and jQuery- Javascript is used to create dynamic and interactive web content like applications and browsers. We created many web alerts like page unresponsive, all fields should be filled , and interactions needed for the dynamic view of the webpage. ->jQuery is a framework built with JavaScript. It helps web developers to add extra functionalities to their websites. It is the most popular JavaScript library used to traverse and manipulate the HTML DOM tree. Also, it simplifies event handling, CSS animation, and Ajax.

->PHP and MySql databases: For storing the information by the user while signing up is stored in the databases files. We integrated the php file by embeding the php code with .htm extension in the HTML file.

->FOR Glad-Bot: NLP and Machine Learning are the main technologies behind chatbots. When a user asks a question to a chatbot, a series of complex algorithms process the input, figure out what the user is asking, and then determine the best answer for the question. Some chatbot templates are bland and uninteresting, but BotSociety’s default templates are well-designed and diverse.

SCREENSHOTS OF THE SITE:-ss1

ss2

ss3

ss4

ss6

gladbot

ss7 ss8

STEP BY STEP GUIDE FOR ACCESSING THIS SITE:

  1. For visiting and exploring the contents of the site a direct link after deployment is provided here:- https://sheetal59.github.io/Depression-Debuggers/home
  2. For cloning this website one can easily fork on this repository and can downlaod the files as zip.
  3. Unzip the zip file and save the related files in a separate folder.
  4. Open the folder in any code editor like vscode atom.
  5. Edit the html or css code as you want to clone it.

YOUTUBE VIDEO LINK:- https://youtu.be/QttMw07-QjY

THANKYOU!!!