The AI Mental Health Assistant is a web-based platform designed to help users manage their mental health by offering advice, guided meditation, and a safe space to share their thoughts. This tool uses artificial intelligence to provide personalized advice based on user inputs, such as feelings and mood. Features 1 User Input and Interaction Text-based conversation: Users can type in their queries or describe their feelings, and the AI will respond with personalized mental health advice. Mood tracking: Users can also indicate their mood, helping the assistant tailor responses more accurately. AI-Powered Responses The assistant uses OpenAI’s GPT-* model to generate relevant mental health advice. Based on the user's input, the system can respond with calming suggestions, stress-relief tips, or other mental health resources. Guided Meditation Player If the AI detects signs of stress or anxiety in the user's input, it suggests a guided meditation session to help calm the user. The player is embedded from YouTube, where users can follow along with the session. Chatbot UI The user can interact with a chatbot styled with relaxing themes and calming colors, making it a comfortable and non-threatening experience. It provides a friendly and soothing interface, perfect for people with mental health concerns. Dialog Box and Interaction A button allows the user to open the chatbot at any time. Once open, the chatbot is displayed in a dialog box that can be minimized or closed. Personalization The assistant adapts based on user input, including feelings and mood, offering personalized responses. Key Components: components/chatBot.tsx: This is the main component that handles the user interface for the chatbot. It includes text input fields, message display areas, and a button to open the chatbot. components/healthPrompt.tsx: This file contains the prompt templates sent to the OpenAI API. It includes the system message that initializes the assistant and formats the user’s query. hooks/useOpenAI.ts: A custom React hook used to interact with the OpenAI API. It handles generating responses based on user inputs and mood. UI Components: Button: Used for interactions (e.g., opening the chatbot, sending messages). Textarea: Allows the user to input longer messages to describe their feelings or concerns. Input: Used for quick responses, like providing a mood (e.g., "anxious", "stressed"). Dialog: A modal window that opens with the chatbot interface. Avatar: Displays user and assistant avatars for personalization. NOTE: create your .env. file and use APi from openai .