Mental Health Chatbot

This project is a simple and interactive chatbot designed to provide empathetic, motivational, and informative responses for mental health support. Users can engage with the chatbot to manage anxiety, relieve stress, or boost their mood.

---

Features

• Interactive Chat Interface: A user-friendly interface for smooth interaction with the chatbot.
• Customizable Responses: Users can choose response styles (e.g., Empathetic, Motivational, Informative) and focus areas (e.g., Anxiety Management, Stress Relief, Mood Boost).
• Dark Mode Support: Toggle between light and dark modes for a comfortable user experience.
• Typing Indicator: Displays a "Bot is typing" animation for realism.
• Responsive Design: Works seamlessly on desktop and mobile devices.

---

Tech Stack

• Frontend: HTML, CSS, JavaScript
• Backend: Google Generative Language API
• Styling: CSS variables for theme customization

---

Installation

1. Clone the repository:

   git clone https://github.com/kushals256/MentalHealthChatBot.git

2. Navigate to the project directory:

   cd MentalHealthChatBot

3. Add your Google Generative Language API key:

   • Open the script.js file.
   • Locate the placeholder for the API key and replace it with your own key from Google Gemini.

4. Open the index.html file in your browser to launch the chatbot.

---

Usage

1. Open the chatbot in your browser.
2. Type your message in the input box and press the Send button or hit Enter.
3. Customize the chatbot's response style and focus area by clicking the ⚙️ Settings button.
4. Toggle between light and dark modes using the 🌙 Theme Toggle button.

---

Customization

Response Style

• Navigate to the settings popup by clicking the ⚙️ button.
• Select your preferred response style from the dropdown menu.
  • Empathetic: Supportive and caring responses.
  • Motivational: Encouraging and uplifting responses.
  • Informative: Tips and advice-focused responses.

Focus Area

• In the settings popup, choose the chatbot's focus area:
  • Anxiety Management
  • Stress Relief
  • Mood Boost

Theme

• Switch between light and dark themes using the 🌙 button at the top-right corner.

---

Folder Structure

mental-health-chatbot/
│
├── index.html         # Main HTML file
├── styles.css         # CSS for styling
├── script.js          # JavaScript for chatbot functionality
└── README.md          # Project documentation

---

Contributing

Contributions are welcome! Follow these steps to contribute:

1. Fork the repository.
2. Create a new branch:

   git checkout -b feature-name

3. Make your changes and commit them:

   git commit -m "Add feature-name"

4. Push to the branch:

   git push origin feature-name

5. Open a pull request on GitHub.

---

Acknowledgements

• Google Generative Language API for backend AI responses.

---

License

• This project is licensed under the MIT License.