Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to analyze a user's live facial expressions and interpret their mood—ranging from happy to sad, and everything in between. The AI will engage with the user in Bangla, offering support and conversation aimed at improving their emotional state. The focus is on providing a responsive, minimalist interface that enhances user experience and interaction.

## CORE FEATURES
1. **Live Mood Detection**: Utilizes facial recognition technology to assess the user's mood in real-time.
2. **Conversational AI**: Engages users in a dialogue in Bangla, providing comfort and advice based on detected moods.
3. **Mood Improvement Suggestions**: Offers personalized suggestions and activities to help improve the user's mood.
4. **User Profile**: Allows users to create and manage profiles to track their mood changes and interactions over time.
5. **Feedback Mechanism**: Users can provide feedback on the AI's suggestions to continually improve the interaction experience.
6. **Data Privacy Controls**: Ensures user data is handled securely and gives users control over their information.

## DESIGN SPECIFICATIONS
- **Visual Style**: minimalist - Clean, simple design with plenty of white space, minimal color palette, and focus on typography
- **Color Mode**: Light theme with dark text on light backgrounds
- **Primary Color**: #1978E5 (accent for buttons, links, highlights)
- **Typography**: Use Inter from Google Fonts for headings, Inter for body text and UI elements
- **Border Radius**: 8px (moderately rounded) for buttons, cards, and inputs
- **Layout**: The main layout will feature a centered hero section for mood detection, a conversational area for AI interaction, and a sidebar for user profile and settings. Navigation will be minimal, focusing on user engagement and experience.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux for managing user state and mood data

## IMPLEMENTATION STEPS
1. **Set Up the Development Environment**:
   - Create a new React project with TypeScript.
   - Install Tailwind CSS and configure it with PostCSS.
   - Set up Redux for state management.

2. **Implement Mood Detection**:
   - Integrate a facial recognition library to analyze live video input.
   - Create a component to handle video streaming and mood analysis.

3. **Develop Conversational AI**:
   - Use a natural language processing API to handle user interactions in Bangla.
   - Create a chat component for displaying conversations.

4. **User Profile Management**:
   - Develop a profile component allowing users to input personal information.
   - Implement state management for tracking user mood history.

5. **Design UI Components**:
   - Create reusable UI components using shadcn/ui styled with Tailwind CSS.
   - Ensure all components adhere to the design specifications, focusing on a minimalist aesthetic.

6. **Testing and Feedback Loop**:
   - Implement automated testing for mood detection and user interactions.
   - Integrate user feedback mechanisms to enhance AI responses.

## USER EXPERIENCE
Users will begin by allowing access to their camera for mood analysis. The application will then display their live facial expressions and provide real-time feedback through conversational AI. The design will prioritize simplicity, with intuitive navigation and minimal distractions, ensuring that users can easily engage with the AI and improve their mood effectively. The overall experience will be designed to be responsive, catering to various devices while maintaining a clean, modern look.