Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The Thai AI Stroke Rehabilitation Platform is a comprehensive web application designed to facilitate telemedicine for stroke patients, enabling them to engage in rehabilitation exercises for speech and language skills from the comfort of their homes. The application aims to provide a user-friendly interface tailored for both patients and therapists, ensuring a seamless experience that prioritizes accessibility and ease of use.

## CORE FEATURES
1. **User Authentication**: Simple login for patients and therapists with options for Google Sign-In and traditional login methods.
2. **Patient Dashboard**: A personalized dashboard for patients displaying their profile, progress, and training plans with large, accessible buttons.
3. **Training Modules**: Interactive training sessions categorized by skill type, featuring engaging content and AI-driven interactions to enhance user experience.
4. **Progress Tracking**: Visual analytics and charts showcasing patient progress over time, helping both patients and therapists monitor improvements.
5. **Therapist Dashboard**: A dedicated dashboard for therapists to manage patient profiles, view reports, and track overall progress efficiently.
6. **Patient Management**: A robust system for therapists to add, edit, and track patient information, including detailed reports and session summaries.

## 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**: A mobile-first responsive design that utilizes a spacious layout, ensuring readability and accessibility for elderly users. Each screen should be connected with a consistent navigation structure that includes sidebars and bottom navigation for easy access.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS for styling.
2. **Create Component Structure**: Develop a folder structure for components, pages, and styles. Create reusable components (buttons, inputs, cards).
3. **Build Authentication Flow**: Implement user authentication features for both patients and therapists, ensuring form validation and error handling.
4. **Design Dashboards**: Create the patient and therapist dashboards, integrating data visualization components for displaying progress and analytics.
5. **Develop Training Modules**: Build the training session pages with interactive elements, including voice recognition and AI responses.
6. **Implement Patient Management**: Create the patient management system for therapists, allowing them to add and manage patient profiles.
7. **Responsive Design Testing**: Ensure all screens are responsive and meet accessibility standards for elderly users, adjusting layouts as necessary.
8. **Final Review and Testing**: Conduct user testing to gather feedback and make necessary adjustments for improved usability.

## USER EXPERIENCE
The application focuses on a calming and medical aesthetic, ensuring that interactions are straightforward and intuitive. Users can easily navigate between screens using clearly labeled buttons and a minimal interface. Special attention is given to font size and button dimensions, making it accessible for elderly users. The training sessions are designed to be engaging, featuring AI interactions that guide users through exercises, while the dashboards provide clear insights into their progress, fostering motivation and engagement.