├── .gitignore
├── README.md
├── app.py
├── config.yml
├── credentials.yml
├── domain.yml
├── endpoints.yml
├── rasa_bot
    ├── actions
    │   ├── __init__.py
    │   ├── __pycache__
    │   │   ├── __init__.cpython-38.pyc
    │   │   └── actions.cpython-38.pyc
    │   └── actions.py
    ├── config.yml
    ├── credentials.yml
    ├── data
    │   ├── nlu.yml
    │   ├── rules.yml
    │   └── stories.yml
    ├── domain.yml
    ├── endpoints.yml
    └── tests
    │   └── test_stories.yml
├── requirements.txt
└── templates
    ├── admin.html
    ├── chatbot.html
    └── index.html


/.gitignore:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GopikaSenthilkumar/Sentiment-Analysis/2e3baf540c949df9636ace08f34bc262bf4da284/.gitignore


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # Mental Health Companion
 2 | 
 3 | A web-based mental health support application that uses sentiment analysis to provide personalized emotional support, chat functionality, and video recommendations.
 4 | 
 5 | ## Features
 6 | 
 7 | - Modern login interface
 8 | - Sentiment analysis for detecting user emotions
 9 | - Personalized video recommendations based on mood
10 | - Real-time chat interface with emoji support
11 | - Admin panel for feedback management
12 | - Mobile-responsive design
13 | 
14 | ## Technologies Used
15 | 
16 | - Python Flask for backend
17 | - TextBlob for sentiment analysis
18 | - HTML, CSS, and JavaScript for frontend
19 | - Real-time feedback system
20 | - Video recommendation engine
21 | 
22 | ## Installation
23 | 
24 | 1. Clone this repository
25 | 2. Create a virtual environment: `python -m venv venv`
26 | 3. Activate the virtual environment:
27 |    - Windows: `venv\Scripts\activate`
28 |    - Unix/MacOS: `source venv/bin/activate`
29 | 4. Install dependencies: `pip install -r requirements.txt`
30 | 5. Run the application: `python app.py`
31 | 
32 | ## Usage
33 | 
34 | After starting the application, navigate to `http://localhost:5000` in your web browser to access the login page.
35 | 
36 | - Login with username/password 
37 | - Use the chat interface to communicate
38 | - Express your emotions using emoji buttons
39 | - View and click on video recommendations
40 | - Provide feedback that will be stored for admin review
41 | 
42 | ## Admin Access
43 | 
44 | To access the admin panel, use the following credentials:
45 | - Username: admin
46 | - Password: admin123
47 | 
48 | Navigate to `/admin` to view user feedback with timestamps. 


--------------------------------------------------------------------------------
/app.py:
--------------------------------------------------------------------------------
  1 | from flask import Flask, request, jsonify, render_template, redirect, url_for, session
  2 | from textblob import TextBlob
  3 | from datetime import datetime
  4 | import re
  5 | 
  6 | app = Flask(__name__)
  7 | app.secret_key = "your_secret_key"
  8 | 
  9 | # User Database
 10 | users = {
 11 |     "admin": "admin123"
 12 | }
 13 | 
 14 | # In-Memory Feedback Storage (Replace with a database in production)
 15 | feedback_list = []
 16 | 
 17 | # YouTube Video Recommendations with thumbnails and titles
 18 | VIDEO_RECOMMENDATIONS = {
 19 |     "happy": {
 20 |         "url": "https://www.youtube.com/watch?v=FQDa6jJpmdA",
 21 |         "thumbnail": "https://img.youtube.com/vi/FQDa6jJpmdA/maxresdefault.jpg",
 22 |         "title": "Uplifting Music for Happy Mood"
 23 |     },
 24 |     "sad": {
 25 |         "url": "https://www.youtube.com/watch?v=zgq4qpVOhAk",
 26 |         "thumbnail": "https://img.youtube.com/vi/zgq4qpVOhAk/maxresdefault.jpg",
 27 |         "title": "Calming Music to Overcome Sadness"
 28 |     },
 29 |     "angry": {
 30 |         "url": "https://www.youtube.com/watch?v=gBfZd9fYEjw",
 31 |         "thumbnail": "https://img.youtube.com/vi/gBfZd9fYEjw/maxresdefault.jpg",
 32 |         "title": "Music to Help with Anger Management"
 33 |     },
 34 |     "neutral": {
 35 |         "url": "https://www.youtube.com/watch?v=C-SPpsk7DAk",
 36 |         "thumbnail": "https://img.youtube.com/vi/C-SPpsk7DAk/maxresdefault.jpg",
 37 |         "title": "Relaxing Background Music"
 38 |     },
 39 |     "excited": {
 40 |         "url": "https://www.youtube.com/watch?v=xK8hJNDvuxI",
 41 |         "thumbnail": "https://img.youtube.com/vi/xK8hJNDvuxI/maxresdefault.jpg",
 42 |         "title": "Energetic Music for Your Excitement"
 43 |     },
 44 |     "surprised": {
 45 |         "url": "https://www.youtube.com/shorts/neyYOeah1jQ",
 46 |         "thumbnail": "https://img.youtube.com/vi/neyYOeah1jQ/maxresdefault.jpg",
 47 |         "title": "Interesting Videos for Surprising Moments"
 48 |     },
 49 |     "stressed": {
 50 |         "url": "https://www.youtube.com/watch?v=xPnvhgVsDlE",
 51 |         "thumbnail": "https://img.youtube.com/vi/xPnvhgVsDlE/maxresdefault.jpg",
 52 |         "title": "Stress Relief Music and Meditation"
 53 |     },
 54 |     "lonely": {
 55 |         "url": "https://www.youtube.com/watch?v=ZGz35cDXFqo",
 56 |         "thumbnail": "https://img.youtube.com/vi/ZGz35cDXFqo/maxresdefault.jpg",
 57 |         "title": "Music for When You Feel Alone"
 58 |     },
 59 |     "fear": {
 60 |         "url": "https://www.youtube.com/watch?v=C-SPpsk7DAk",
 61 |         "thumbnail": "https://img.youtube.com/vi/C-SPpsk7DAk/maxresdefault.jpg",
 62 |         "title": "Calming Music to Overcome Fear"
 63 |     }
 64 | }
 65 | 
 66 | # Helper function to extract video ID from YouTube URL
 67 | def get_youtube_id(url):
 68 |     # Regular expression to extract YouTube video ID
 69 |     youtube_regex = r'(?:youtube\.com\/(?:[^\/\n\s]+\/\S+\/|(?:v|e(?:mbed)?)\/|\S*?[?&]v=)|youtu\.be\/)([a-zA-Z0-9_-]{11})'
 70 |     match = re.search(youtube_regex, url)
 71 |     return match.group(1) if match else None
 72 | 
 73 | @app.route('/')
 74 | def home():
 75 |     if "user" in session:
 76 |         return redirect(url_for("chatbot"))
 77 |     return render_template("index.html")
 78 | 
 79 | @app.route('/register', methods=['POST'])
 80 | def register():
 81 |     data = request.get_json()
 82 |     username = data.get("username")
 83 |     password = data.get("password")
 84 | 
 85 |     if username in users:
 86 |         return jsonify({"message": "User already exists!"}), 400
 87 | 
 88 |     users[username] = password
 89 |     session["user"] = username  # Auto-login after registration
 90 |     return jsonify({"message": "User registered successfully!", "redirect": url_for("chatbot")}), 201
 91 | 
 92 | @app.route('/login', methods=['POST'])
 93 | def login():
 94 |     data = request.get_json()
 95 |     username = data.get("username")
 96 |     password = data.get("password")
 97 | 
 98 |     if users.get(username) == password:
 99 |         session["user"] = username
100 |         return jsonify({"message": "User login successful!", "redirect": url_for("chatbot")}), 200
101 |     
102 |     return jsonify({"message": "Invalid credentials!"}), 401
103 | 
104 | # Admin Login Route
105 | @app.route('/admin', methods=['POST'])
106 | def admin_login():
107 |     data = request.get_json()
108 |     username = data.get("username")
109 |     password = data.get("password")
110 | 
111 |     if username == "admin" and password == "admin123":
112 |         session["admin"] = username
113 |         return jsonify({"message": "Admin login successful!", "redirect": url_for("admin_panel")}), 200
114 | 
115 |     return jsonify({"message": "Invalid admin credentials!"}), 401
116 | 
117 | # Admin Panel Route
118 | @app.route('/admin_panel')
119 | def admin_panel():
120 |     if "admin" not in session:
121 |         return redirect(url_for("home"))
122 |     return render_template("admin.html")
123 | 
124 | # Fetch Feedback for Admin Panel
125 | @app.route('/get-feedback', methods=['GET'])
126 | def get_feedback():
127 |     if "admin" not in session:
128 |         return jsonify({"error": "Unauthorized"}), 403
129 |     return jsonify(feedback_list), 200
130 | 
131 | @app.route('/logout')
132 | def logout():
133 |     session.pop("user", None)
134 |     session.pop("admin", None)
135 |     return redirect(url_for("home"))
136 | 
137 | @app.route('/chatbot')
138 | def chatbot():
139 |     if "user" not in session:
140 |         return redirect(url_for("home"))
141 |     return render_template("chatbot.html")
142 | 
143 | @app.route('/chat', methods=['POST'])
144 | def chat():
145 |     data = request.get_json()
146 |     user_message = data.get("message", "").strip().lower()
147 | 
148 |     greetings = {
149 |         "hi": "👋 Hello! How can I assist you today?",
150 |         "hello": "👋 Hello! How can I help you?",
151 |         "hey": "👋 Hey! How's your day going?"
152 |     }
153 |     farewells = {
154 |         "bye": "👋 Goodbye! Have a great day!",
155 |         "bii": "👋 Goodbye! Have a great day!",
156 |         "goodbye": "👋 Goodbye! Take care!",
157 |         "see you": "👋 See you later!",
158 |         "take care": "😊 Take care! Stay safe!"
159 |     }
160 |     
161 |     if user_message in greetings:
162 |         return jsonify({"reply": greetings[user_message]})
163 |     
164 |     if user_message in farewells:
165 |         return jsonify({"reply": farewells[user_message]})
166 | 
167 |     keyword_emotions = {
168 |         "happy": "happy",
169 |         "joy": "happy",
170 |         "excited": "excited",
171 |         "sad": "sad",
172 |         "depressed": "sad",
173 |         "angry": "angry",
174 |         "mad": "angry",
175 |         "furious": "angry",
176 |         "calm": "neutral",
177 |         "okay": "neutral",
178 |         "fine": "neutral",
179 |         "good": "neutral",
180 |         "stressed": "stressed",
181 |         "anxious": "stressed",
182 |         "lonely": "lonely",
183 |         "alone": "lonely",
184 |         "shocked": "surprised",
185 |         "surprised": "surprised",
186 |         "fear": "scared",
187 |         "scared": "scared"
188 |     }
189 | 
190 |     emotion = None
191 |     for word, detected_emotion in keyword_emotions.items():
192 |         if word in user_message:
193 |             emotion = detected_emotion
194 |             break
195 | 
196 |     if emotion:
197 |         video_data = VIDEO_RECOMMENDATIONS.get(emotion, VIDEO_RECOMMENDATIONS["neutral"])
198 |         bot_response = f"""Feeling {emotion}? I have a video suggestion for you:"""
199 |         return jsonify({
200 |             "reply": bot_response,
201 |             "showVideos": True,
202 |             "videoSuggestions": [video_data]
203 |         })
204 |     else:
205 |         # Get 3 random video suggestions
206 |         import random
207 |         emotions = list(VIDEO_RECOMMENDATIONS.keys())
208 |         suggested_emotions = random.sample(emotions, min(3, len(emotions)))
209 |         video_suggestions = [VIDEO_RECOMMENDATIONS[emotion] for emotion in suggested_emotions]
210 |         
211 |         bot_response = f"""I'm not sure how you're feeling, but here are some videos that might help:"""
212 |         return jsonify({
213 |             "reply": bot_response,
214 |             "showVideos": True,
215 |             "videoSuggestions": video_suggestions
216 |         })
217 | 
218 | @app.route("/emotion", methods=["POST"])
219 | def emotion_response():
220 |     data = request.json
221 |     emotion = data.get("emotion", "").lower()
222 |     
223 |     video_data = VIDEO_RECOMMENDATIONS.get(emotion, VIDEO_RECOMMENDATIONS["neutral"])
224 |     
225 |     response_text = f"""I understand you're feeling {emotion}. Here's something to help you:"""
226 | 
227 |     return jsonify({
228 |         "reply": response_text,
229 |         "showVideos": True,
230 |         "videoSuggestions": [video_data]
231 |     })
232 | 
233 | # Save Feedback
234 | @app.route('/feedback', methods=['POST'])
235 | def feedback():
236 |     data = request.get_json()
237 |     username = session.get("user", "Guest")  # Default to Guest if not logged in
238 |     feedback_message = data.get("message")
239 | 
240 |     if feedback_message:
241 |         current_date = datetime.now().strftime("%Y-%m-%d %H:%M:%S")
242 |         feedback_list.append({"username": username, "message": feedback_message, "date": current_date})
243 |         return jsonify({"message": "Thank you for your feedback!"}), 200
244 |     return jsonify({"message": "Feedback cannot be empty!"}), 400
245 | 
246 | if __name__ == "__main__":
247 |     app.run(debug=True)  


--------------------------------------------------------------------------------
/config.yml:
--------------------------------------------------------------------------------
 1 | recipe: default.v1
 2 | 
 3 | assistant_id: 20250312-203506-chewy-crocodile
 4 | 
 5 | language: en
 6 | 
 7 | pipeline:
 8 |   - name: WhitespaceTokenizer
 9 |   - name: RegexFeaturizer
10 |   - name: LexicalSyntacticFeaturizer
11 |   - name: CountVectorsFeaturizer
12 |   - name: CountVectorsFeaturizer
13 |     analyzer: char_wb
14 |     min_ngram: 1
15 |     max_ngram: 4
16 |   - name: DIETClassifier
17 |     epochs: 150  # Increase training iterations for better accuracy
18 |     constrain_similarities: true
19 | 
20 |   - name: EntitySynonymMapper
21 |   - name: ResponseSelector
22 |     epochs: 100
23 |     constrain_similarities: true
24 |   - name: FallbackClassifier
25 |     threshold: 0.25  # Reduce fallback sensitivity slightly
26 |     ambiguity_threshold: 0.05  # Lower ambiguity sensitivity
27 | 
28 | 
29 | policies:
30 |   - name: MemoizationPolicy
31 |   - name: RulePolicy
32 |   - name: UnexpecTEDIntentPolicy
33 |     max_history: 5
34 |     epochs: 100
35 |   - name: TEDPolicy
36 |     max_history: 5
37 |     epochs: 100
38 |     constrain_similarities: true
39 | 


--------------------------------------------------------------------------------
/credentials.yml:
--------------------------------------------------------------------------------
 1 | # This file contains the credentials for the voice & chat platforms
 2 | # which your bot is using.
 3 | # https://rasa.com/docs/rasa/messaging-and-voice-channels
 4 | 
 5 | rest:
 6 | #  # you don't need to provide anything here - this channel doesn't
 7 | #  # require any credentials
 8 | 
 9 | 
10 | #facebook:
11 | #  verify: "<verify>"
12 | #  secret: "<your secret>"
13 | #  page-access-token: "<your page access token>"
14 | 
15 | #slack:
16 | #  slack_token: "<your slack token>"
17 | #  slack_channel: "<the slack channel>"
18 | #  slack_signing_secret: "<your slack signing secret>"
19 | 
20 | #socketio:
21 | #  user_message_evt: <event name for user message>
22 | #  bot_message_evt: <event name for bot messages>
23 | #  session_persistence: <true/false>
24 | 
25 | #mattermost:
26 | #  url: "https://<mattermost instance>/api/v4"
27 | #  token: "<bot token>"
28 | #  webhook_url: "<callback URL>"
29 | 
30 | # This entry is needed if you are using Rasa Enterprise. The entry represents credentials
31 | # for the Rasa Enterprise "channel", i.e. Talk to your bot and Share with guest testers.
32 | rasa:
33 |   url: "http://localhost:5002/api"
34 | 


--------------------------------------------------------------------------------
/domain.yml:
--------------------------------------------------------------------------------
 1 | version: "3.1"
 2 | 
 3 | intents:
 4 |   - express_happiness
 5 |   - express_sadness
 6 |   - express_anger
 7 |   - express_stress
 8 |   - express_surprise
 9 |   - express_loneliness
10 |   - greet
11 |   - goodbye
12 |   - fallback
13 | 
14 | responses:
15 |   utter_greet:
16 |     - text: "👋 Hello! How can I assist you today?"
17 |   
18 |   utter_goodbye:
19 |     - text: "👋 Goodbye! Have a great day!"
20 |   
21 |   utter_happiness:
22 |     - text: "😊 You seem really happy! Here's a video for you: [Watch this](https://www.youtube.com/watch?v=FQDa6jJpmdA)"
23 |   
24 |   utter_sadness:
25 |     - text: "😢 I detected sadness. Hope this helps: [Watch this](https://www.youtube.com/watch?v=zgq4qpVOhAk)"
26 |   
27 |   utter_anger:
28 |     - text: "😡 I sense some anger. Try this to calm down: [Watch this](https://www.youtube.com/watch?v=gBfZd9fYEjw)"
29 |   
30 |   utter_stress:
31 |     - text: "😌 Feeling stressed? Try this for relaxation: [Watch this](https://www.youtube.com/watch?v=xPnvhgVsDlE)"
32 |   
33 |   utter_surprise:
34 |     - text: "😲 Surprised? Here's something interesting: [Watch this](https://www.youtube.com/shorts/neyYOeah1jQ)"
35 |   
36 |   utter_loneliness:
37 |     - text: "💙 Feeling lonely? This might help: [Watch this](https://www.youtube.com/watch?v=ZGz35cDXFqo)"
38 |   
39 |   utter_fallback:
40 |     - text: "🤔 I may not know your emotion for this, but this might interest you: [Watch this](https://www.youtube.com/)"
41 | 
42 | actions:
43 |   - utter_greet
44 |   - utter_goodbye
45 |   - utter_happiness
46 |   - utter_sadness
47 |   - utter_anger
48 |   - utter_stress
49 |   - utter_surprise
50 |   - utter_loneliness
51 |   - utter_fallback
52 | 


--------------------------------------------------------------------------------
/endpoints.yml:
--------------------------------------------------------------------------------
 1 | # This file contains the different endpoints your bot can use.
 2 | 
 3 | # Server where the models are pulled from.
 4 | # https://rasa.com/docs/rasa/model-storage#fetching-models-from-a-server
 5 | 
 6 | #models:
 7 | #  url: http://my-server.com/models/default_core@latest
 8 | #  wait_time_between_pulls:  10   # [optional](default: 100)
 9 | 
10 | # Server which runs your custom actions.
11 | # https://rasa.com/docs/rasa/custom-actions
12 | 
13 | #action_endpoint:
14 | #  url: "http://localhost:5055/webhook"
15 | 
16 | # Tracker store which is used to store the conversations.
17 | # By default the conversations are stored in memory.
18 | # https://rasa.com/docs/rasa/tracker-stores
19 | 
20 | #tracker_store:
21 | #    type: redis
22 | #    url: <host of the redis instance, e.g. localhost>
23 | #    port: <port of your redis instance, usually 6379>
24 | #    db: <number of your database within redis, e.g. 0>
25 | #    password: <password used for authentication>
26 | #    use_ssl: <whether or not the communication is encrypted, default false>
27 | 
28 | #tracker_store:
29 | #    type: mongod
30 | #    url: <url to your mongo instance, e.g. mongodb://localhost:27017>
31 | #    db: <name of the db within your mongo instance, e.g. rasa>
32 | #    username: <username used for authentication>
33 | #    password: <password used for authentication>
34 | 
35 | # Event broker which all conversation events should be streamed to.
36 | # https://rasa.com/docs/rasa/event-brokers
37 | 
38 | #event_broker:
39 | #  url: localhost
40 | #  username: username
41 | #  password: password
42 | #  queue: queue
43 | 


--------------------------------------------------------------------------------
/rasa_bot/actions/__init__.py:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GopikaSenthilkumar/Sentiment-Analysis/2e3baf540c949df9636ace08f34bc262bf4da284/rasa_bot/actions/__init__.py


--------------------------------------------------------------------------------
/rasa_bot/actions/__pycache__/__init__.cpython-38.pyc:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GopikaSenthilkumar/Sentiment-Analysis/2e3baf540c949df9636ace08f34bc262bf4da284/rasa_bot/actions/__pycache__/__init__.cpython-38.pyc


--------------------------------------------------------------------------------
/rasa_bot/actions/__pycache__/actions.cpython-38.pyc:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/GopikaSenthilkumar/Sentiment-Analysis/2e3baf540c949df9636ace08f34bc262bf4da284/rasa_bot/actions/__pycache__/actions.cpython-38.pyc


--------------------------------------------------------------------------------
/rasa_bot/actions/actions.py:
--------------------------------------------------------------------------------
 1 | # This files contains your custom actions which can be used to run
 2 | # custom Python code.
 3 | #
 4 | # See this guide on how to implement these action:
 5 | # https://rasa.com/docs/rasa/custom-actions
 6 | 
 7 | 
 8 | # This is a simple example for a custom action which utters "Hello World!"
 9 | 
10 | # from typing import Any, Text, Dict, List
11 | #
12 | # from rasa_sdk import Action, Tracker
13 | # from rasa_sdk.executor import CollectingDispatcher
14 | #
15 | #
16 | # class ActionHelloWorld(Action):
17 | #
18 | #     def name(self) -> Text:
19 | #         return "action_hello_world"
20 | #
21 | #     def run(self, dispatcher: CollectingDispatcher,
22 | #             tracker: Tracker,
23 | #             domain: Dict[Text, Any]) -> List[Dict[Text, Any]]:
24 | #
25 | #         dispatcher.utter_message(text="Hello World!")
26 | #
27 | #         return []
28 | 


--------------------------------------------------------------------------------
/rasa_bot/config.yml:
--------------------------------------------------------------------------------
 1 | recipe: default.v1
 2 | 
 3 | assistant_id: 20250312-203506-chewy-crocodile
 4 | 
 5 | language: en
 6 | 
 7 | pipeline:
 8 |   - name: WhitespaceTokenizer
 9 |   - name: RegexFeaturizer
10 |   - name: LexicalSyntacticFeaturizer
11 |   - name: CountVectorsFeaturizer
12 |   - name: CountVectorsFeaturizer
13 |     analyzer: char_wb
14 |     min_ngram: 1
15 |     max_ngram: 4
16 |   - name: DIETClassifier
17 |     epochs: 150  # Increase training iterations for better accuracy
18 |     constrain_similarities: true
19 | 
20 |   - name: EntitySynonymMapper
21 |   - name: ResponseSelector
22 |     epochs: 100
23 |     constrain_similarities: true
24 |   - name: FallbackClassifier
25 |     threshold: 0.25  # Reduce fallback sensitivity slightly
26 |     ambiguity_threshold: 0.05  # Lower ambiguity sensitivity
27 | 
28 | 
29 | policies:
30 |   - name: MemoizationPolicy
31 |   - name: RulePolicy
32 |   - name: UnexpecTEDIntentPolicy
33 |     max_history: 5
34 |     epochs: 100
35 |   - name: TEDPolicy
36 |     max_history: 5
37 |     epochs: 100
38 |     constrain_similarities: true
39 | 


--------------------------------------------------------------------------------
/rasa_bot/credentials.yml:
--------------------------------------------------------------------------------
 1 | # This file contains the credentials for the voice & chat platforms
 2 | # which your bot is using.
 3 | # https://rasa.com/docs/rasa/messaging-and-voice-channels
 4 | 
 5 | rest:
 6 | #  # you don't need to provide anything here - this channel doesn't
 7 | #  # require any credentials
 8 | 
 9 | 
10 | #facebook:
11 | #  verify: "<verify>"
12 | #  secret: "<your secret>"
13 | #  page-access-token: "<your page access token>"
14 | 
15 | #slack:
16 | #  slack_token: "<your slack token>"
17 | #  slack_channel: "<the slack channel>"
18 | #  slack_signing_secret: "<your slack signing secret>"
19 | 
20 | #socketio:
21 | #  user_message_evt: <event name for user message>
22 | #  bot_message_evt: <event name for bot messages>
23 | #  session_persistence: <true/false>
24 | 
25 | #mattermost:
26 | #  url: "https://<mattermost instance>/api/v4"
27 | #  token: "<bot token>"
28 | #  webhook_url: "<callback URL>"
29 | 
30 | # This entry is needed if you are using Rasa Enterprise. The entry represents credentials
31 | # for the Rasa Enterprise "channel", i.e. Talk to your bot and Share with guest testers.
32 | rasa:
33 |   url: "http://localhost:5002/api"
34 | 


--------------------------------------------------------------------------------
/rasa_bot/data/nlu.yml:
--------------------------------------------------------------------------------
 1 | version: "3.1"
 2 | 
 3 | nlu:
 4 | - intent: express_happiness
 5 |   examples: |
 6 |     - I'm so happy today!
 7 |     - This is the best day ever!
 8 |     - Feeling awesome and joyful 😊
 9 |     - I'm really enjoying this moment
10 |     - I feel fantastic
11 | 
12 | - intent: express_sadness
13 |   examples: |
14 |     - I'm feeling really down
15 |     - Today has been a terrible day 😞
16 |     - I feel so alone
17 |     - Nothing is going right
18 |     - I'm crying
19 | 
20 | - intent: express_anger
21 |   examples: |
22 |     - I'm really mad right now 😡
23 |     - I can't stand this situation
24 |     - So frustrated and angry
25 |     - Everything is making me angry
26 |     - I'm furious
27 | 
28 | - intent: express_stress
29 |   examples: |
30 |     - I'm feeling very stressed 😩
31 |     - Too much pressure on me
32 |     - I feel anxious and worried
33 |     - I'm overloaded with work
34 |     - I just need to relax
35 | 
36 | - intent: express_surprise
37 |   examples: |
38 |     - Wow! I didn't expect that 😲
39 |     - This is unbelievable!
40 |     - I'm really shocked
41 |     - That was a huge surprise
42 |     - Never thought this would happen!
43 | 
44 | - intent: express_loneliness
45 |   examples: |
46 |     - I feel lonely 😞
47 |     - There's no one to talk to
48 |     - I'm alone all the time
49 |     - I just wish I had someone to be with
50 |     - Feeling very isolated
51 |     
52 | - intent: greet
53 |   examples: |
54 |     - Hi
55 |     - Hello
56 |     - Hey there
57 |     - Good morning
58 |     - Hi there!
59 |     
60 | - intent: goodbye
61 |   examples: |
62 |     - Bye
63 |     - See you later
64 |     - Goodbye
65 |     - Take care
66 |     - Bye-bye
67 |     - Catch you later
68 |     - Talk to you soon
69 |     - I'm leaving now
70 |     - See you next time
71 |     - Alright, see you!
72 |     - I'm heading out
73 | 
74 | - intent: fallback
75 |   examples: |
76 |     - asdkjfhaskdj
77 |     - wjknfwken
78 |     - qwertyuiop
79 |     - random text
80 |     - gibberish


--------------------------------------------------------------------------------
/rasa_bot/data/rules.yml:
--------------------------------------------------------------------------------
 1 | version: "3.1"
 2 | 
 3 | rules:
 4 | - rule: Respond to happiness
 5 |   steps:
 6 |   - intent: express_happiness
 7 |   - action: utter_happiness
 8 | 
 9 | - rule: Respond to sadness
10 |   steps:
11 |   - intent: express_sadness
12 |   - action: utter_sadness
13 | 
14 | - rule: Respond to anger
15 |   steps:
16 |   - intent: express_anger
17 |   - action: utter_anger
18 | 
19 | - rule: Respond to stress
20 |   steps:
21 |   - intent: express_stress
22 |   - action: utter_stress
23 | 
24 | - rule: Respond to surprise
25 |   steps:
26 |   - intent: express_surprise
27 |   - action: utter_surprise
28 | 
29 | - rule: Respond to loneliness
30 |   steps:
31 |   - intent: express_loneliness
32 |   - action: utter_loneliness
33 |   
34 | - rule: Say goodbye when the user says goodbye
35 |   steps:
36 |   - intent: goodbye
37 |   - action: utter_goodbye
38 | 
39 | - rule: Respond to unrecognized input
40 |   steps:
41 |   - intent: fallback
42 |   - action: utter_fallback
43 | 


--------------------------------------------------------------------------------
/rasa_bot/data/stories.yml:
--------------------------------------------------------------------------------
 1 | version: "3.1"
 2 | 
 3 | stories:
 4 | - story: happy response
 5 |   steps:
 6 |   - intent: express_happiness
 7 |   - action: utter_happiness
 8 | 
 9 | - story: sad response
10 |   steps:
11 |   - intent: express_sadness
12 |   - action: utter_sadness
13 | 
14 | - story: angry response
15 |   steps:
16 |   - intent: express_anger
17 |   - action: utter_anger
18 | 
19 | - story: stress response
20 |   steps:
21 |   - intent: express_stress
22 |   - action: utter_stress
23 | 
24 | - story: surprise response
25 |   steps:
26 |   - intent: express_surprise
27 |   - action: utter_surprise
28 | 
29 | - story: loneliness response
30 |   steps:
31 |   - intent: express_loneliness
32 |   - action: utter_loneliness
33 | 


--------------------------------------------------------------------------------
/rasa_bot/domain.yml:
--------------------------------------------------------------------------------
 1 | version: "3.1"
 2 | 
 3 | intents:
 4 |   - express_happiness
 5 |   - express_sadness
 6 |   - express_anger
 7 |   - express_stress
 8 |   - express_surprise
 9 |   - express_loneliness
10 |   - greet
11 |   - goodbye
12 |   - fallback
13 | 
14 | responses:
15 |   utter_greet:
16 |     - text: "👋 Hello! How can I assist you today?"
17 |   
18 |   utter_goodbye:
19 |     - text: "👋 Goodbye! Have a great day!"
20 |   
21 |   utter_happiness:
22 |     - text: "😊 You seem really happy! Here's a video for you: [Watch this](https://www.youtube.com/watch?v=FQDa6jJpmdA)"
23 |   
24 |   utter_sadness:
25 |     - text: "😢 I detected sadness. Hope this helps: [Watch this](https://www.youtube.com/watch?v=zgq4qpVOhAk)"
26 |   
27 |   utter_anger:
28 |     - text: "😡 I sense some anger. Try this to calm down: [Watch this](https://www.youtube.com/watch?v=gBfZd9fYEjw)"
29 |   
30 |   utter_stress:
31 |     - text: "😌 Feeling stressed? Try this for relaxation: [Watch this](https://www.youtube.com/watch?v=xPnvhgVsDlE)"
32 |   
33 |   utter_surprise:
34 |     - text: "😲 Surprised? Here's something interesting: [Watch this](https://www.youtube.com/shorts/neyYOeah1jQ)"
35 |   
36 |   utter_loneliness:
37 |     - text: "💙 Feeling lonely? This might help: [Watch this](https://www.youtube.com/watch?v=ZGz35cDXFqo)"
38 |   
39 |   utter_fallback:
40 |     - text: "🤔 I may not know your emotion for this, but this might interest you: [Watch this](https://www.youtube.com/)"
41 | 
42 | actions:
43 |   - utter_greet
44 |   - utter_goodbye
45 |   - utter_happiness
46 |   - utter_sadness
47 |   - utter_anger
48 |   - utter_stress
49 |   - utter_surprise
50 |   - utter_loneliness
51 |   - utter_fallback
52 | 


--------------------------------------------------------------------------------
/rasa_bot/endpoints.yml:
--------------------------------------------------------------------------------
 1 | # This file contains the different endpoints your bot can use.
 2 | 
 3 | # Server where the models are pulled from.
 4 | # https://rasa.com/docs/rasa/model-storage#fetching-models-from-a-server
 5 | 
 6 | #models:
 7 | #  url: http://my-server.com/models/default_core@latest
 8 | #  wait_time_between_pulls:  10   # [optional](default: 100)
 9 | 
10 | # Server which runs your custom actions.
11 | # https://rasa.com/docs/rasa/custom-actions
12 | 
13 | #action_endpoint:
14 | #  url: "http://localhost:5055/webhook"
15 | 
16 | # Tracker store which is used to store the conversations.
17 | # By default the conversations are stored in memory.
18 | # https://rasa.com/docs/rasa/tracker-stores
19 | 
20 | #tracker_store:
21 | #    type: redis
22 | #    url: <host of the redis instance, e.g. localhost>
23 | #    port: <port of your redis instance, usually 6379>
24 | #    db: <number of your database within redis, e.g. 0>
25 | #    password: <password used for authentication>
26 | #    use_ssl: <whether or not the communication is encrypted, default false>
27 | 
28 | #tracker_store:
29 | #    type: mongod
30 | #    url: <url to your mongo instance, e.g. mongodb://localhost:27017>
31 | #    db: <name of the db within your mongo instance, e.g. rasa>
32 | #    username: <username used for authentication>
33 | #    password: <password used for authentication>
34 | 
35 | # Event broker which all conversation events should be streamed to.
36 | # https://rasa.com/docs/rasa/event-brokers
37 | 
38 | #event_broker:
39 | #  url: localhost
40 | #  username: username
41 | #  password: password
42 | #  queue: queue
43 | 


--------------------------------------------------------------------------------
/rasa_bot/tests/test_stories.yml:
--------------------------------------------------------------------------------
 1 | #### This file contains tests to evaluate that your bot behaves as expected.
 2 | #### If you want to learn more, please see the docs: https://rasa.com/docs/rasa/testing-your-assistant
 3 | 
 4 | stories:
 5 | - story: happy path 1
 6 |   steps:
 7 |   - user: |
 8 |       hello there!
 9 |     intent: greet
10 |   - action: utter_greet
11 |   - user: |
12 |       amazing
13 |     intent: mood_great
14 |   - action: utter_happy
15 | 
16 | - story: happy path 2
17 |   steps:
18 |   - user: |
19 |       hello there!
20 |     intent: greet
21 |   - action: utter_greet
22 |   - user: |
23 |       amazing
24 |     intent: mood_great
25 |   - action: utter_happy
26 |   - user: |
27 |       bye-bye!
28 |     intent: goodbye
29 |   - action: utter_goodbye
30 | 
31 | - story: sad path 1
32 |   steps:
33 |   - user: |
34 |       hello
35 |     intent: greet
36 |   - action: utter_greet
37 |   - user: |
38 |       not good
39 |     intent: mood_unhappy
40 |   - action: utter_cheer_up
41 |   - action: utter_did_that_help
42 |   - user: |
43 |       yes
44 |     intent: affirm
45 |   - action: utter_happy
46 | 
47 | - story: sad path 2
48 |   steps:
49 |   - user: |
50 |       hello
51 |     intent: greet
52 |   - action: utter_greet
53 |   - user: |
54 |       not good
55 |     intent: mood_unhappy
56 |   - action: utter_cheer_up
57 |   - action: utter_did_that_help
58 |   - user: |
59 |       not really
60 |     intent: deny
61 |   - action: utter_goodbye
62 | 
63 | - story: sad path 3
64 |   steps:
65 |   - user: |
66 |       hi
67 |     intent: greet
68 |   - action: utter_greet
69 |   - user: |
70 |       very terrible
71 |     intent: mood_unhappy
72 |   - action: utter_cheer_up
73 |   - action: utter_did_that_help
74 |   - user: |
75 |       no
76 |     intent: deny
77 |   - action: utter_goodbye
78 | 
79 | - story: say goodbye
80 |   steps:
81 |   - user: |
82 |       bye-bye!
83 |     intent: goodbye
84 |   - action: utter_goodbye
85 | 
86 | - story: bot challenge
87 |   steps:
88 |   - user: |
89 |       are you a bot?
90 |     intent: bot_challenge
91 |   - action: utter_iamabot
92 | 


--------------------------------------------------------------------------------
/requirements.txt:
--------------------------------------------------------------------------------
 1 | Flask==2.0.1
 2 | textblob==0.15.3
 3 | requests==2.26.0
 4 | python-dotenv==0.19.0
 5 | flask-cors==3.0.10
 6 | werkzeug==2.0.1
 7 | Jinja2==3.0.1
 8 | nltk==3.6.2
 9 | numpy==1.21.2
10 | gunicorn==20.1.0 


--------------------------------------------------------------------------------
/templates/admin.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | <head>
  4 |     <meta charset="UTF-8">
  5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6 |     <title>Admin Panel - Feedbacks</title>
  7 |     <style>
  8 |         body {
  9 |             font-family: Arial, sans-serif;
 10 |             background: #f0f2f5;
 11 |             display: flex;
 12 |             justify-content: center;
 13 |             align-items: center;
 14 |             height: 100vh;
 15 |             margin: 0;
 16 |         }
 17 | 
 18 |         .container {
 19 |             background: #fff;
 20 |             width: 80%;
 21 |             padding: 20px;
 22 |             border-radius: 10px;
 23 |             box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
 24 |             text-align: center;
 25 |             overflow-y: auto;
 26 |         }
 27 | 
 28 |         h2 {
 29 |             color: #333;
 30 |             margin-bottom: 10px;
 31 |         }
 32 | 
 33 |         table {
 34 |             width: 100%;
 35 |             border-collapse: collapse;
 36 |             margin-top: 20px;
 37 |         }
 38 | 
 39 |         th, td {
 40 |             border: 1px solid #ccc;
 41 |             padding: 10px;
 42 |             text-align: left;
 43 |         }
 44 | 
 45 |         th {
 46 |             background: #007bff;
 47 |             color: white;
 48 |         }
 49 | 
 50 |         .logout-btn {
 51 |             background: red;
 52 |             color: white;
 53 |             border: none;
 54 |             padding: 10px;
 55 |             border-radius: 5px;
 56 |             cursor: pointer;
 57 |             margin-top: 20px;
 58 |         }
 59 | 
 60 |         .logout-btn:hover {
 61 |             background: darkred;
 62 |         }
 63 |     </style>
 64 | </head>
 65 | <body>
 66 |     <div class="container">
 67 |         <h2>Admin Panel - User Feedback</h2>
 68 |         <table>
 69 |             <thead>
 70 |                 <tr>
 71 |                     <th>Username</th>
 72 |                     <th>Feedback</th>
 73 |                     <th>Submitted On</th>
 74 |                 </tr>
 75 |             </thead>
 76 |             <tbody id="feedback-table">
 77 |                 <!-- Feedback data will be inserted here -->
 78 |             </tbody>
 79 |         </table>
 80 |         <button class="logout-btn" onclick="logout()">Logout</button>
 81 |     </div>
 82 | 
 83 |     <script>
 84 |         function fetchFeedback() {
 85 |             fetch("/get-feedback")
 86 |                 .then(response => {
 87 |                     if (!response.ok) {
 88 |                         throw new Error("Unauthorized access");
 89 |                     }
 90 |                     return response.json();
 91 |                 })
 92 |                 .then(data => {
 93 |                     let table = document.getElementById("feedback-table");
 94 |                     table.innerHTML = "";
 95 |                     if (data.length === 0) {
 96 |                         table.innerHTML = "<tr><td colspan='3'>No feedback available</td></tr>";
 97 |                     } else {
 98 |                         data.forEach(feedback => {
 99 |                             let row = `<tr>
100 |                                 <td>${feedback.username}</td>
101 |                                 <td>${feedback.message}</td>
102 |                                 <td>${feedback.date}</td>
103 |                             </tr>`;
104 |                             table.innerHTML += row;
105 |                         });
106 |                     }
107 |                 })
108 |                 .catch(error => {
109 |                     console.error("Error fetching feedback:", error);
110 |                     alert("You are not authorized to view this page.");
111 |                     window.location.href = "/";
112 |                 });
113 |         }
114 | 
115 |         function logout() {
116 |             fetch("/logout").then(() => {
117 |                 window.location.href = "/";
118 |             });
119 |         }
120 | 
121 |         // Load feedback on page load
122 |         fetchFeedback();
123 |     </script>
124 | </body>
125 | </html>
126 | 


--------------------------------------------------------------------------------
/templates/chatbot.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | <head>
  4 |     <meta charset="UTF-8">
  5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6 |     <title>Chatbot</title>
  7 |     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
  8 |     <style>
  9 |         body {
 10 |             font-family: Arial, sans-serif;
 11 |             text-align: center;
 12 |             margin: 20px;
 13 |             background-color: #f4f4f4;
 14 |         }
 15 |         #chat-container {
 16 |             width: 70%;
 17 |             margin: auto;
 18 |             background: white;
 19 |             padding: 20px;
 20 |             border-radius: 10px;
 21 |             box-shadow: 0px 0px 10px gray;
 22 |         }
 23 |         #chat-box {
 24 |             height: 400px;
 25 |             overflow-y: auto;
 26 |             border: 1px solid #ddd;
 27 |             padding: 10px;
 28 |             margin-bottom: 10px;
 29 |             background: #fff;
 30 |             text-align: left;
 31 |         }
 32 |         .user-message {
 33 |             color: #4361ee;
 34 |             font-weight: bold;
 35 |             background-color: #f0f2fa;
 36 |             padding: 10px;
 37 |             border-radius: 10px;
 38 |             margin: 5px 0;
 39 |         }
 40 |         .bot-message {
 41 |             color: #333;
 42 |             background-color: #f9f9f9;
 43 |             padding: 10px;
 44 |             border-radius: 10px;
 45 |             margin: 5px 0;
 46 |         }
 47 |         input, button {
 48 |             padding: 10px;
 49 |             margin: 5px;
 50 |             width: 80%;
 51 |         }
 52 |         button {
 53 |             width: auto;
 54 |             cursor: pointer;
 55 |             background-color: #4361ee;
 56 |             color: white;
 57 |             border: none;
 58 |             border-radius: 5px;
 59 |             transition: all 0.3s ease;
 60 |         }
 61 |         button:hover {
 62 |             background-color: #3a56d4;
 63 |             transform: translateY(-2px);
 64 |         }
 65 |         .emoji-container {
 66 |             display: flex;
 67 |             justify-content: center;
 68 |             flex-wrap: wrap;
 69 |             gap: 15px;
 70 |             margin: 15px 0;
 71 |         }
 72 |         .emoji {
 73 |             font-size: 35px;
 74 |             cursor: pointer;
 75 |             transition: transform 0.2s;
 76 |             border-radius: 50%;
 77 |             padding: 5px;
 78 |         }
 79 |         .emoji:hover {
 80 |             transform: scale(1.3);
 81 |             background-color: #f0f0f0;
 82 |         }
 83 |         
 84 |         /* Video Recommendation Styles */
 85 |         .video-recommendation {
 86 |             margin: 15px 0;
 87 |             border-radius: 10px;
 88 |             overflow: hidden;
 89 |         }
 90 |         
 91 |         .video-link {
 92 |             text-decoration: none;
 93 |             color: inherit;
 94 |         }
 95 |         
 96 |         .video-card {
 97 |             display: flex;
 98 |             background: linear-gradient(to right, #4361ee, #7209b7);
 99 |             color: white;
100 |             padding: 15px;
101 |             border-radius: 10px;
102 |             align-items: center;
103 |             transition: all 0.3s ease;
104 |         }
105 |         
106 |         .video-card:hover {
107 |             transform: translateY(-3px);
108 |             box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
109 |         }
110 |         
111 |         .video-icon {
112 |             font-size: 40px;
113 |             margin-right: 15px;
114 |             color: white;
115 |         }
116 |         
117 |         .video-info {
118 |             text-align: left;
119 |         }
120 |         
121 |         .video-title {
122 |             font-weight: bold;
123 |             font-size: 18px;
124 |             margin-bottom: 5px;
125 |         }
126 |         
127 |         .video-desc {
128 |             font-size: 14px;
129 |             opacity: 0.9;
130 |         }
131 |         
132 |         /* Video Gallery Styles */
133 |         .video-gallery {
134 |             display: flex;
135 |             flex-wrap: wrap;
136 |             gap: 15px;
137 |             margin-top: 15px;
138 |             justify-content: center;
139 |         }
140 |         
141 |         .video-thumbnail {
142 |             position: relative;
143 |             width: 280px;
144 |             border-radius: 8px;
145 |             overflow: hidden;
146 |             box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
147 |             transition: all 0.3s ease;
148 |             cursor: pointer;
149 |         }
150 |         
151 |         .video-thumbnail:hover {
152 |             transform: translateY(-5px);
153 |             box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
154 |         }
155 |         
156 |         .video-thumbnail img {
157 |             width: 100%;
158 |             height: 157px;
159 |             object-fit: cover;
160 |             display: block;
161 |         }
162 |         
163 |         .play-icon {
164 |             position: absolute;
165 |             top: 50%;
166 |             left: 50%;
167 |             transform: translate(-50%, -50%);
168 |             font-size: 50px;
169 |             color: rgba(255, 255, 255, 0.8);
170 |             text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
171 |             transition: all 0.3s ease;
172 |         }
173 |         
174 |         .video-thumbnail:hover .play-icon {
175 |             font-size: 55px;
176 |             color: white;
177 |         }
178 |         
179 |         .thumbnail-title {
180 |             background: linear-gradient(to right, #4361ee, #7209b7);
181 |             color: white;
182 |             padding: 10px;
183 |             font-size: 14px;
184 |             text-align: center;
185 |             white-space: nowrap;
186 |             overflow: hidden;
187 |             text-overflow: ellipsis;
188 |         }
189 |         
190 |         .logout-btn {
191 |             background-color: #e63946;
192 |             color: white;
193 |             padding: 8px 15px;
194 |             border-radius: 5px;
195 |             text-decoration: none;
196 |             display: inline-block;
197 |             margin-top: 20px;
198 |             transition: all 0.3s ease;
199 |         }
200 |         
201 |         .logout-btn:hover {
202 |             background-color: #d62b39;
203 |         }
204 |         
205 |         @media (max-width: 768px) {
206 |             #chat-container {
207 |                 width: 95%;
208 |             }
209 |             
210 |             .video-gallery {
211 |                 flex-direction: column;
212 |                 align-items: center;
213 |             }
214 |             
215 |             .video-thumbnail {
216 |                 width: 100%;
217 |                 max-width: 320px;
218 |             }
219 |         }
220 |     </style>
221 | </head>
222 | <body>
223 | 
224 |     <div id="chat-container">
225 |         <h2>Sentiment-Based Mental Health Companion</h2>
226 | 
227 |         <h3>How are you feeling today?</h3>
228 |         <div class="emoji-container">
229 |             <span class="emoji" onclick="sendEmotion('happy')">😊</span>
230 |             <span class="emoji" onclick="sendEmotion('sad')">😢</span>
231 |             <span class="emoji" onclick="sendEmotion('angry')">😡</span>
232 |             <span class="emoji" onclick="sendEmotion('neutral')">😐</span>
233 |             <span class="emoji" onclick="sendEmotion('excited')">🤩</span>
234 |             <span class="emoji" onclick="sendEmotion('surprised')">😲</span>
235 |             <span class="emoji" onclick="sendEmotion('stressed')">😖</span>
236 |             <span class="emoji" onclick="sendEmotion('lonely')">🥺</span>
237 |             <span class="emoji" onclick="sendEmotion('fear')">😨</span>
238 |         </div>
239 | 
240 |         <div id="chat-box"></div>
241 | 
242 |         <input type="text" id="user-input" placeholder="Type your message..." onkeypress="handleKeyPress(event)">
243 |         <button onclick="sendMessage()">Send</button>
244 | 
245 |         <h3>Provide Feedback</h3>
246 |         <input type="text" id="feedback" placeholder="Your feedback...">
247 |         <button onclick="sendFeedback()">Submit</button>
248 | 
249 |         <br><br>
250 |         <a href="/logout" class="logout-btn">Logout</a>
251 |     </div>
252 | 
253 |     <script>
254 |         function sendMessage() {
255 |             let userMessage = document.getElementById("user-input").value.trim();
256 |             if (userMessage === "") return;
257 | 
258 |             let chatBox = document.getElementById("chat-box");
259 |             chatBox.innerHTML += `<p class="user-message">You: ${userMessage}</p>`;
260 | 
261 |             fetch("/chat", {
262 |                 method: "POST",
263 |                 headers: { "Content-Type": "application/json" },
264 |                 body: JSON.stringify({ "message": userMessage })
265 |             })
266 |             .then(response => response.json())
267 |             .then(data => {
268 |                 if (data.reply) {
269 |                     let botResponse = `<div class="bot-message">Bot: ${data.reply}`;
270 |                     
271 |                     // Add video thumbnails if provided
272 |                     if (data.showVideos && data.videoSuggestions && data.videoSuggestions.length > 0) {
273 |                         botResponse += `<div class="video-gallery">`;
274 |                         
275 |                         data.videoSuggestions.forEach(video => {
276 |                             botResponse += `
277 |                                 <div class="video-thumbnail" onclick="window.open('${video.url}', '_blank')">
278 |                                     <img src="${video.thumbnail}" alt="${video.title}">
279 |                                     <div class="play-icon"><i class="fas fa-play-circle"></i></div>
280 |                                     <div class="thumbnail-title">${video.title}</div>
281 |                                 </div>
282 |                             `;
283 |                         });
284 |                         
285 |                         botResponse += `</div>`;
286 |                     }
287 |                     
288 |                     botResponse += `</div>`;
289 |                     chatBox.innerHTML += botResponse;
290 |                     chatBox.scrollTop = chatBox.scrollHeight;
291 |                 }
292 |             });
293 | 
294 |             document.getElementById("user-input").value = "";
295 |         }
296 | 
297 |         function sendEmotion(emotion) {
298 |             let chatBox = document.getElementById("chat-box");
299 |             chatBox.innerHTML += `<p class="user-message">You selected: ${emotion} mood</p>`;
300 | 
301 |             fetch("/emotion", {
302 |                 method: "POST",
303 |                 headers: { "Content-Type": "application/json" },
304 |                 body: JSON.stringify({ "emotion": emotion })
305 |             })
306 |             .then(response => response.json())
307 |             .then(data => {
308 |                 let botResponse = `<div class="bot-message">Bot: ${data.reply}`;
309 |                 
310 |                 // Add video thumbnails if provided
311 |                 if (data.showVideos && data.videoSuggestions && data.videoSuggestions.length > 0) {
312 |                     botResponse += `<div class="video-gallery">`;
313 |                     
314 |                     data.videoSuggestions.forEach(video => {
315 |                         botResponse += `
316 |                             <div class="video-thumbnail" onclick="window.open('${video.url}', '_blank')">
317 |                                 <img src="${video.thumbnail}" alt="${video.title}">
318 |                                 <div class="play-icon"><i class="fas fa-play-circle"></i></div>
319 |                                 <div class="thumbnail-title">${video.title}</div>
320 |                             </div>
321 |                         `;
322 |                     });
323 |                     
324 |                     botResponse += `</div>`;
325 |                 }
326 |                 
327 |                 botResponse += `</div>`;
328 |                 chatBox.innerHTML += botResponse;
329 |                 chatBox.scrollTop = chatBox.scrollHeight;
330 |             });
331 |         }
332 | 
333 |         function sendFeedback() {
334 |             let feedback = document.getElementById("feedback").value.trim();
335 |             if (feedback === "") {
336 |                 alert("Feedback cannot be empty!");
337 |                 return;
338 |             }
339 | 
340 |             fetch("/feedback", {
341 |                 method: "POST",
342 |                 headers: { "Content-Type": "application/json" },
343 |                 body: JSON.stringify({ "message": feedback })
344 |             })
345 |             .then(response => response.json())
346 |             .then(data => {
347 |                 alert(data.message);
348 |                 document.getElementById("feedback").value = "";
349 |             })
350 |             .catch(error => console.error("Error:", error));
351 |         }
352 | 
353 |         function handleKeyPress(event) {
354 |             if (event.key === "Enter") {
355 |                 sendMessage();
356 |             }
357 |         }
358 |         
359 |         // Display welcome message when the chat loads
360 |         window.onload = function() {
361 |             let chatBox = document.getElementById("chat-box");
362 |             chatBox.innerHTML += `<div class="bot-message">Bot: 👋 Welcome! How are you feeling today? You can click an emoji above or type your feelings.</div>`;
363 |         }
364 |     </script>
365 | 
366 | </body>
367 | </html>
368 | 


--------------------------------------------------------------------------------
/templates/index.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | <head>
  4 |     <meta charset="UTF-8">
  5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6 |     <title>Mental Health Companion | Login</title>
  7 |     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
  8 |     <style>
  9 |         :root {
 10 |             --primary-color: #4361ee;
 11 |             --primary-dark: #3a56d4;
 12 |             --secondary-color: #7209b7;
 13 |             --text-color: #333;
 14 |             --light-gray: #f5f7fa;
 15 |             --border-color: #e1e4e8;
 16 |             --error-color: #e63946;
 17 |             --success-color: #2a9d8f;
 18 |         }
 19 |         
 20 |         * {
 21 |             margin: 0;
 22 |             padding: 0;
 23 |             box-sizing: border-box;
 24 |             font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
 25 |         }
 26 |         
 27 |         body {
 28 |             background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
 29 |             min-height: 100vh;
 30 |             display: flex;
 31 |             justify-content: center;
 32 |             align-items: center;
 33 |         }
 34 |         
 35 |         .container {
 36 |             display: flex;
 37 |             min-height: 480px;
 38 |             width: 900px;
 39 |             margin: 20px;
 40 |             background: white;
 41 |             border-radius: 12px;
 42 |             box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
 43 |             overflow: hidden;
 44 |         }
 45 |         
 46 |         .left-panel {
 47 |             flex: 1;
 48 |             background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
 49 |             padding: 40px;
 50 |             color: white;
 51 |             display: flex;
 52 |             flex-direction: column;
 53 |             justify-content: center;
 54 |             position: relative;
 55 |             overflow: hidden;
 56 |         }
 57 |         
 58 |         .left-panel h1 {
 59 |             font-size: 2.5rem;
 60 |             margin-bottom: 20px;
 61 |             font-weight: 700;
 62 |             position: relative;
 63 |             z-index: 2;
 64 |         }
 65 |         
 66 |         .left-panel p {
 67 |             font-size: 1.1rem;
 68 |             line-height: 1.6;
 69 |             margin-bottom: 30px;
 70 |             position: relative;
 71 |             z-index: 2;
 72 |         }
 73 |         
 74 |         .shape {
 75 |             position: absolute;
 76 |             background: rgba(255, 255, 255, 0.1);
 77 |             border-radius: 50%;
 78 |         }
 79 |         
 80 |         .shape-1 {
 81 |             width: 200px;
 82 |             height: 200px;
 83 |             bottom: -50px;
 84 |             left: -50px;
 85 |         }
 86 |         
 87 |         .shape-2 {
 88 |             width: 150px;
 89 |             height: 150px;
 90 |             top: 30px;
 91 |             right: -30px;
 92 |         }
 93 |         
 94 |         .form-container {
 95 |             flex: 1;
 96 |             padding: 40px;
 97 |             display: flex;
 98 |             flex-direction: column;
 99 |             overflow-y: auto;
100 |         }
101 |         
102 |         .form-section {
103 |             opacity: 0;
104 |             display: none;
105 |             transform: translateY(20px);
106 |             transition: all 0.3s ease;
107 |         }
108 |         
109 |         .form-section.active {
110 |             opacity: 1;
111 |             display: block;
112 |             transform: translateY(0);
113 |         }
114 |         
115 |         .tab-navigation {
116 |             display: flex;
117 |             margin-bottom: 30px;
118 |             border-bottom: 1px solid var(--border-color);
119 |         }
120 |         
121 |         .tab-btn {
122 |             padding: 12px 20px;
123 |             background: none;
124 |             border: none;
125 |             font-size: 16px;
126 |             color: var(--text-color);
127 |             cursor: pointer;
128 |             position: relative;
129 |             transition: all 0.3s ease;
130 |         }
131 |         
132 |         .tab-btn:after {
133 |             content: '';
134 |             position: absolute;
135 |             bottom: -1px;
136 |             left: 0;
137 |             width: 0%;
138 |             height: 3px;
139 |             background: var(--primary-color);
140 |             transition: all 0.3s ease;
141 |         }
142 |         
143 |         .tab-btn.active {
144 |             color: var(--primary-color);
145 |             font-weight: 600;
146 |         }
147 |         
148 |         .tab-btn.active:after {
149 |             width: 100%;
150 |         }
151 |         
152 |         h2 {
153 |             color: var(--text-color);
154 |             margin-bottom: 20px;
155 |             font-weight: 600;
156 |         }
157 |         
158 |         .input-group {
159 |             margin-bottom: 20px;
160 |             position: relative;
161 |         }
162 |         
163 |         .input-group input {
164 |             width: 100%;
165 |             padding: 12px 15px;
166 |             border: 1px solid var(--border-color);
167 |             border-radius: 6px;
168 |             font-size: 15px;
169 |             transition: all 0.3s ease;
170 |             padding-left: 40px;
171 |         }
172 |         
173 |         .input-group input:focus {
174 |             border-color: var(--primary-color);
175 |             outline: none;
176 |             box-shadow: 0 0 0 3px rgba(67, 97, 238, 0.15);
177 |         }
178 |         
179 |         .input-group .icon {
180 |             position: absolute;
181 |             left: 12px;
182 |             top: 50%;
183 |             transform: translateY(-50%);
184 |             color: #aaa;
185 |         }
186 |         
187 |         .password-toggle {
188 |             position: absolute;
189 |             right: 12px;
190 |             top: 50%;
191 |             transform: translateY(-50%);
192 |             color: #aaa;
193 |             cursor: pointer;
194 |             transition: color 0.3s ease;
195 |         }
196 |         
197 |         .password-toggle:hover {
198 |             color: var(--primary-color);
199 |         }
200 |         
201 |         .error-input {
202 |             border-color: var(--error-color) !important;
203 |         }
204 |         
205 |         .error-message, .success-message {
206 |             font-size: 14px;
207 |             margin-top: 6px;
208 |             display: block;
209 |         }
210 |         
211 |         .error-message {
212 |             color: var(--error-color);
213 |         }
214 |         
215 |         .success-message {
216 |             color: var(--success-color);
217 |         }
218 |         
219 |         button.btn-submit {
220 |             background: var(--primary-color);
221 |             color: white;
222 |             border: none;
223 |             padding: 12px 20px;
224 |             border-radius: 6px;
225 |             font-size: 16px;
226 |             font-weight: 600;
227 |             cursor: pointer;
228 |             width: 100%;
229 |             margin-top: 10px;
230 |             transition: all 0.3s ease;
231 |         }
232 |         
233 |         button.btn-submit:hover {
234 |             background: var(--primary-dark);
235 |             transform: translateY(-2px);
236 |             box-shadow: 0 5px 15px rgba(67, 97, 238, 0.2);
237 |         }
238 |         
239 |         .divider {
240 |             margin: 20px 0;
241 |             display: flex;
242 |             align-items: center;
243 |             text-align: center;
244 |         }
245 |         
246 |         .divider::before, .divider::after {
247 |             content: '';
248 |             flex: 1;
249 |             border-bottom: 1px solid var(--border-color);
250 |         }
251 |         
252 |         .divider span {
253 |             padding: 0 10px;
254 |             color: #777;
255 |             font-size: 14px;
256 |         }
257 |         
258 |         .form-footer {
259 |             margin-top: 20px;
260 |             text-align: center;
261 |             font-size: 14px;
262 |             color: #777;
263 |         }
264 |         
265 |         .form-footer a {
266 |             color: var(--primary-color);
267 |             text-decoration: none;
268 |             cursor: pointer;
269 |         }
270 |         
271 |         .form-footer a:hover {
272 |             text-decoration: underline;
273 |         }
274 |         
275 |         @media (max-width: 900px) {
276 |             .container {
277 |                 flex-direction: column;
278 |                 width: 100%;
279 |                 max-width: 500px;
280 |             }
281 |             
282 |             .left-panel {
283 |                 padding: 30px;
284 |                 min-height: 200px;
285 |             }
286 |             
287 |             .left-panel h1 {
288 |                 font-size: 2rem;
289 |                 margin-bottom: 10px;
290 |             }
291 |             
292 |             .left-panel p {
293 |                 font-size: 1rem;
294 |                 margin-bottom: 15px;
295 |             }
296 |         }
297 |     </style>
298 | </head>
299 | <body>
300 |     <div class="container">
301 |         <div class="left-panel">
302 |             <div class="shape shape-1"></div>
303 |             <div class="shape shape-2"></div>
304 |             <h1>Mental Health Companion</h1>
305 |             <p>Your personal wellness assistant for managing stress, anxiety, and improving your mental health.</p>
306 |         </div>
307 |         
308 |         <div class="form-container">
309 |             <div class="tab-navigation">
310 |                 <button class="tab-btn active" data-target="login-form">Login</button>
311 |                 <button class="tab-btn" data-target="register-form">Register</button>
312 |                 <button class="tab-btn" data-target="admin-form">Admin</button>
313 |             </div>
314 |             
315 |             <!-- Login Form -->
316 |             <div id="login-form" class="form-section active">
317 |                 <h2>Welcome Back!</h2>
318 |                 
319 |                 <div class="input-group">
320 |                     <i class="icon fas fa-user"></i>
321 |                     <input type="text" id="username" placeholder="Username">
322 |                 </div>
323 |                 
324 |                 <div class="input-group">
325 |                     <i class="icon fas fa-lock"></i>
326 |                     <input type="password" id="password" placeholder="Password">
327 |                     <i class="password-toggle fas fa-eye" onclick="togglePassword('password')"></i>
328 |                 </div>
329 |                 
330 |                 <p id="login-error" class="error-message"></p>
331 |                 
332 |                 <button class="btn-submit" onclick="login()">Sign In</button>
333 |                 
334 |                 <div class="form-footer">
335 |                     Don't have an account? <a onclick="switchTab('register-form')">Create one</a>
336 |                 </div>
337 |             </div>
338 |             
339 |             <!-- Register Form -->
340 |             <div id="register-form" class="form-section">
341 |                 <h2>Create Account</h2>
342 |                 
343 |                 <div class="input-group">
344 |                     <i class="icon fas fa-user"></i>
345 |                     <input type="text" id="new-username" placeholder="Choose Username">
346 |                 </div>
347 |                 
348 |                 <div class="input-group">
349 |                     <i class="icon fas fa-lock"></i>
350 |                     <input type="password" id="new-password" placeholder="Create Password">
351 |                     <i class="password-toggle fas fa-eye" onclick="togglePassword('new-password')"></i>
352 |                 </div>
353 |                 
354 |                 <p id="register-message" class="success-message"></p>
355 |                 
356 |                 <button class="btn-submit" onclick="register()">Sign Up</button>
357 |                 
358 |                 <div class="form-footer">
359 |                     Already have an account? <a onclick="switchTab('login-form')">Sign in</a>
360 |                 </div>
361 |             </div>
362 |             
363 |             <!-- Admin Form -->
364 |             <div id="admin-form" class="form-section">
365 |                 <h2>Admin Access</h2>
366 |                 
367 |                 <div class="input-group">
368 |                     <i class="icon fas fa-user-shield"></i>
369 |                     <input type="text" id="admin-username" placeholder="Admin Username">
370 |                 </div>
371 |                 
372 |                 <div class="input-group">
373 |                     <i class="icon fas fa-lock"></i>
374 |                     <input type="password" id="admin-password" placeholder="Admin Password">
375 |                     <i class="password-toggle fas fa-eye" onclick="togglePassword('admin-password')"></i>
376 |                 </div>
377 |                 
378 |                 <p id="admin-error" class="error-message"></p>
379 |                 
380 |                 <button class="btn-submit" onclick="adminLogin()">Admin Login</button>
381 |             </div>
382 |         </div>
383 |     </div>
384 | 
385 |     <script>
386 |         // Switch between tabs
387 |         function switchTab(targetId) {
388 |             // Remove active class from all tabs and sections
389 |             document.querySelectorAll('.tab-btn').forEach(btn => {
390 |                 btn.classList.remove('active');
391 |             });
392 |             document.querySelectorAll('.form-section').forEach(section => {
393 |                 section.classList.remove('active');
394 |             });
395 |             
396 |             // Add active class to clicked tab and corresponding section
397 |             document.querySelector(`.tab-btn[data-target="${targetId}"]`).classList.add('active');
398 |             document.getElementById(targetId).classList.add('active');
399 |         }
400 |         
401 |         // Set up tab navigation
402 |         document.querySelectorAll('.tab-btn').forEach(btn => {
403 |             btn.addEventListener('click', () => {
404 |                 switchTab(btn.dataset.target);
405 |             });
406 |         });
407 |         
408 |         // Toggle password visibility
409 |         function togglePassword(fieldId) {
410 |             let passwordField = document.getElementById(fieldId);
411 |             let icon = passwordField.nextElementSibling;
412 |             
413 |             if (passwordField.type === "password") {
414 |                 passwordField.type = "text";
415 |                 icon.classList.replace('fa-eye', 'fa-eye-slash');
416 |                 setTimeout(() => { 
417 |                     passwordField.type = "password"; 
418 |                     icon.classList.replace('fa-eye-slash', 'fa-eye');
419 |                 }, 1000);
420 |             }
421 |         }
422 | 
423 |         // Validate password strength
424 |         function validatePassword(password) {
425 |             if (password.length < 8) return "Password must be at least 8 characters.";
426 |             if (!/[A-Z]/.test(password)) return "Include at least one uppercase letter.";
427 |             if (!/[0-9]/.test(password)) return "Include at least one number.";
428 |             return "";
429 |         }
430 | 
431 |         // User login function
432 |         function login() {
433 |             let username = document.getElementById("username").value.trim();
434 |             let password = document.getElementById("password").value.trim();
435 |             let errorMessage = document.getElementById("login-error");
436 | 
437 |             errorMessage.innerText = "";
438 |             if (username === "" || password === "") {
439 |                 errorMessage.innerText = "Username and Password cannot be empty!";
440 |                 return;
441 |             }
442 | 
443 |             fetch("/login", {
444 |                 method: "POST",
445 |                 headers: { "Content-Type": "application/json" },
446 |                 body: JSON.stringify({ "username": username, "password": password })
447 |             })
448 |             .then(response => response.json())
449 |             .then(data => {
450 |                 if (data.redirect) {
451 |                     window.location.href = data.redirect;
452 |                 } else {
453 |                     errorMessage.innerText = data.message;
454 |                 }
455 |             })
456 |             .catch(() => {
457 |                 errorMessage.innerText = "Server error! Please try again.";
458 |             });
459 |         }
460 | 
461 |         // User registration function
462 |         function register() {
463 |             let username = document.getElementById("new-username").value.trim();
464 |             let password = document.getElementById("new-password").value.trim();
465 |             let message = document.getElementById("register-message");
466 | 
467 |             message.innerText = "";
468 |             message.className = "error-message";
469 |             
470 |             if (username === "" || password === "") {
471 |                 message.innerText = "Username and Password cannot be empty!";
472 |                 return;
473 |             }
474 | 
475 |             let passwordError = validatePassword(password);
476 |             if (passwordError) {
477 |                 message.innerText = passwordError;
478 |                 return;
479 |             }
480 | 
481 |             fetch("/register", {
482 |                 method: "POST",
483 |                 headers: { "Content-Type": "application/json" },
484 |                 body: JSON.stringify({ "username": username, "password": password })
485 |             })
486 |             .then(response => response.json())
487 |             .then(data => {
488 |                 message.innerText = data.message;
489 |                 message.className = data.message.includes("successful") ? "success-message" : "error-message";
490 | 
491 |                 if (data.redirect) {
492 |                     window.location.href = data.redirect;
493 |                 }
494 |             })
495 |             .catch(() => {
496 |                 message.innerText = "Server error! Please try again.";
497 |             });
498 |         }
499 | 
500 |         // Admin login function
501 |         function adminLogin() {
502 |             let username = document.getElementById("admin-username").value.trim();
503 |             let password = document.getElementById("admin-password").value.trim();
504 |             let errorMessage = document.getElementById("admin-error");
505 | 
506 |             errorMessage.innerText = "";
507 |             if (username === "" || password === "") {
508 |                 errorMessage.innerText = "Admin Username and Password cannot be empty!";
509 |                 return;
510 |             }
511 | 
512 |             fetch("/admin", {
513 |                 method: "POST",
514 |                 headers: { "Content-Type": "application/json" },
515 |                 body: JSON.stringify({ "username": username, "password": password })
516 |             })
517 |             .then(response => response.json())
518 |             .then(data => {
519 |                 if (data.redirect) {
520 |                     window.location.href = data.redirect;
521 |                 } else {
522 |                     errorMessage.innerText = data.message;
523 |                 }
524 |             })
525 |             .catch(() => {
526 |                 errorMessage.innerText = "Server error! Please try again.";
527 |             });
528 |         }
529 |     </script>
530 | </body>
531 | </html>
532 | 


--------------------------------------------------------------------------------