FAQ Update

README.md

@@ -6,6 +6,7 @@
 This is a Mental Health Support Web App that provides resources and tools to help users manage their mental health and well-being.
 
 ### Features
+- [X] Homepage: Get an overview of the available features and tools to manage mental health and well-being.
 - [X] Mood Journal: Track your mood and journal your thoughts with data visualization.
 - [X] Support Circles: Join virtual support groups with text moderation, suicide prevention support, and abuse prevention.
 - [X] Peer Chat: Communicate with peers to share experiences and provide support.
@@ -18,6 +19,7 @@ This is a Mental Health Support Web App that provides resources and tools to hel
 - [X] Habit Organizer: Manage and track your habits for better mental well-being.
 - [X] Mindful Meditation: Practice guided meditations and mindfulness exercises.
 - [X] AI Counselor: Access 24/7 support and assistance with coping skills and self-care from an AI chatbot.
+- [X] Survey: Participate in surveys related to mental health app.
 - [ ] Multi-language support
 - [X] Dark Mode
 - [X] Email Notifications

src/components/utils/FAQButton.js

@@ -41,7 +41,9 @@ function FAQButton() {
       <Dialog open={open} onClose={handleClose} maxWidth="sm">
         <DialogTitle>FAQ</DialogTitle>
         <DialogContent>
-          <Typography variant="body1">{faqContent}</Typography>
+          <Typography variant="body1" style={{ whiteSpace: "pre-wrap" }} gutterBottom>
+            {faqContent}
+          </Typography>
           <Button variant="contained" color="primary" onClick={handleClose} fullWidth>
             Close
           </Button>

src/utils/FAQ.json

@@ -7,12 +7,12 @@
   {
     "path": "/memory-match",
     "text": "Memory Booster",
-    "faq": "Memory Booster is a game designed to help improve memory and concentration. Users can play this interactive game to challenge their cognitive abilities and track their progress."
+    "faq": "Memory Booster is a fun and interactive game designed to help improve memory and concentration.\n\nIn this game, users click on cards to reveal them and find matching pairs.\n\nThe game tracks the number of moves and the time elapsed, allowing users to challenge themselves to complete the game in the shortest time and with the fewest moves possible.\n\nThe game also includes various audio effects, such as card flips and matches, and a volume control switch to turn off or on the sounds.\n\nUsers can also select from a range of emojis to customize the cards.\n\nMemory Booster is a great way to improve memory and cognitive abilities while having fun!"
   },
   {
     "path": "/draw",
     "text": "Creative Canvas",
-    "faq": "Creative Canvas is a therapeutic game for artistic expression and stress relief. Users can draw and create art to help manage their emotions and reduce stress levels."
+    "faq": "Creative Canvas is a therapeutic game for artistic expression and stress relief. Users can draw and create art to help manage their emotions and reduce stress levels.\n\nFeatures:\n- Advanced color picker with options for built-in colors and SketchPicker\n- Brush size slider for customization\n- Undo/redo functionality with keyboard shortcuts (Ctrl + Z/Ctrl + Shift + Z)\n- Save and export options for PNG and JPG formats\n- Eraser tool for easy corrections\n\nTo use Creative Canvas, simply open the application and start drawing on the canvas. You can customize the brush size and color to your liking, and use the eraser tool to correct any mistakes. If you need to undo or redo any changes, you can use the keyboard shortcuts or click the corresponding buttons. Finally, you can save or export your art as a PNG or JPG file. Creative Canvas is a fun and therapeutic way to express yourself and relieve stress through art."
   },
   {
     "path": "/coping-strategies",
@@ -37,22 +37,22 @@
   {
     "path": "/mood-tracker",
     "text": "Mood Journal",
-    "faq": "Mood Journal is a tool for users to track their mood. The platform offers data visualization to help users better understand their emotions and mental health patterns."
+    "faq": "Mood Journal is a feature on this platform that allows users to track their mood over time. By using the Mood Logging component, users can log their mood on a scale from 1 to 10, which is represented by a range of emoticons from crying face 😭 to heart eyes 😍. \n\nThe platform saves this data in the backend, and the Mood Visualize component displays a visualization of the user's mood data, allowing them to better understand their emotional patterns and mental health over time.\n\nUsers can filter the visualization by year and month to see how their mood has changed over time. The feature provides a useful tool for users to keep track of their emotional well-being and identify any patterns or triggers that may affect their mood. By better understanding their mood and mental health, users can take steps towards improving their overall well-being."
   },
   {
     "path": "/goal-setting",
     "text": "Goal Planner",
-    "faq": "Goal Planner allows users to set personalized goals and track their progress. Users can set progress to stay on track and monitor their achievements over time."
+    "faq": "Goal Planner allows users to set personalized goals and track their progress. To use this feature, start by clicking the 'Create a New Goal' button. From there, you can set a goal title, description, and choose a (SMART Goal) category that best fits your goal. \n\nYou can also set a progress bar that will update as you mark off completed tasks or milestones. As you work towards your goal, use the 'Update Progress' button to set your progress. You can also sort Goals by the completion status.\n\nWe hope the Goal Planner feature helps you stay focused, motivated, and successful in achieving your personal goals."
   },
   {
     "path": "/self-assessment",
     "text": "Wellness Quiz",
-    "faq": "Wellness Quiz offers personalized self-assessment tools and diagnostic quizzes to help users better understand their mental health. Users can gain insights into their well-being and identify areas for improvement."
+    "faq": "Wellness Quiz offers personalized self-assessment tools and diagnostic quizzes to help users better understand their mental health.\n\nUsers can gain insights into their well-being and identify areas for improvement. After completing the quiz, users will receive a mood score based on their responses. They have the option to log their mood, which will be saved in their Mood Journal. Users can also choose to visit their Mood Journal or close both modals.\n\nThe Mood Journal can be used to track daily moods and reflect on how they change over time. This can help users gain a better understanding of their emotional patterns and make more informed decisions about their mental health."
   },
   {
     "path": "/habit-tracker",
     "text": "Habit Organizer",
-    "faq": "Habit Organizer is a tool for users to manage and track their habits for better mental well-being. Users can create and monitor habits, and track their progress over time."
+    "faq": "Habit Organizer is a tool for users to manage and track their habits for better mental well-being. Users can create, monitor habits, and track their progress over time.\n\nQ: How do I create a habit?\nA: Fill out the 'Add a new habit' input field, then click the 'Add Habit' button.\n\nQ: How do I track my progress?\nA: You can track your progress by marking a habit as 'Maintain Habit' each day. The Habit Organizer will display a Streak value, which represents the consecutive days you have maintained the habit. You can click on Streak to open a calendar that has marked dates for each day you have completed the habit.\n\nQ: Can I edit or delete a habit?\nA: Yes, you can edit or delete a habit by clicking the corresponding options in the habit list on the Habit Organizer page."
   },
   {
     "path": "/guided-meditation",
@@ -62,12 +62,12 @@
   {
     "path": "/chatbot",
     "text": "AI Counselor",
-    "faq": "AI Counselor is an AI-powered chatbot designed to assist users with mental health support. The chatbot can help answer questions, provide resources, and offer guidance on various mental health topics."
+    "faq": "AI Counselor is an AI-powered chatbot designed to assist users with mental health support. The chatbot can help answer questions, provide resources, and offer guidance on various mental health topics.\n\nQ: How do I start a conversation with AI Counselor?\nA: To start a conversation, simply type your question or concern in the chat input field and press 'Enter' or click the 'Send' button.\n\nQ: What topics can AI Counselor help with?\nA: AI Counselor can help with a variety of mental health topics, including stress, anxiety, depression, mindfulness, and coping strategies. \n\nPlease note that AI Counselor is not a replacement for professional mental health care. \n\nIf you are experiencing a mental health crisis, please contact a mental health professional or call 911."
   },
   {
     "path": "/survey",
     "text": "Survey",
-    "faq": "The Survey section allows users to participate in anonymous surveys related to mental health and well-being. By taking part in these surveys, users can contribute valuable data to help improve mental health support and services."
+    "faq": "The Survey section allows users to participate in surveys related to mental health app. By taking part in these surveys, users can contribute valuable data to help improve mental health support app and services."
   },
   {
     "path": "/profile",