Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a mobile-first web application designed to support elderly patients with cognitive decline through a Progressive Web App (PWA) while providing caregivers with a robust analytics dashboard. The app focuses on accessibility, seamless user experience, and offline functionality to ensure that it is usable in low-connectivity environments.

## CORE FEATURES
1. **Dementia-Friendly Interface**: A clean, intuitive design with high-contrast colors, oversized touch targets, and large typography to aid users with cognitive decline.
2. **Offline Functionality**: Utilizes a client-side database (RxDB or IndexedDB) to allow users to log activities without an internet connection, syncing data when online.
3. **On-Device AI/ML**: Implements lightweight machine learning models within the browser to adapt games based on user performance, providing personalized experiences.
4. **Caregiver Dashboard**: A dedicated portal for caregivers to monitor patient activities and health metrics through interactive charts and notifications for missed medications.
5. **Voice Interaction**: Incorporates web speech API for voice commands and feedback, enhancing accessibility for users who may struggle with traditional input methods.
6. **Security Features**: Ensures patient data safety through client-side encryption before storage or synchronization.

## 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 consist of a single-page PWA with a bottom navigation bar for easy access to core functionalities, alongside a dashboard with cards and charts for caregivers.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui for a streamlined design.
- **State Management**: Zustand for state management, if needed.

## IMPLEMENTATION STEPS
1. **Prototyping**: Use Figma to create wireframes and mockups reflecting the dementia-friendly interface, focusing on large buttons and high-contrast colors.
2. **Setup Project**: Initialize a new React project using Vite or Next.js, configure the PWA with a custom `manifest.json` and service worker.
3. **Client-Side Database**: Implement RxDB or IndexedDB via Dexie.js to store user data locally and enable offline functionality.
4. **AI/ML Integration**: Load machine learning models using TensorFlow.js to adapt games based on user metrics collected in real-time.
5. **Caregiver Dashboard**: Build the caregiver dashboard using shadcn/ui, integrating interactive charts with Recharts or Chart.js to visualize patient data.
6. **Notification System**: Set up a backend service using Node.js with Twilio API for sending alerts based on patient activity.
7. **Security Implementation**: Encrypt patient health records using CryptoJS before storing or syncing data.
8. **Deployment**: Host the frontend on Vercel or Netlify and the backend on a secure platform like Supabase.

## USER EXPERIENCE
Users will interact with the app through a series of large, clearly labeled buttons that guide them through tasks and games designed to enhance cognitive functions. Caregivers will be able to access a comprehensive dashboard that displays analytics in real-time, ensuring they can track patient progress and intervene when necessary. The application will function seamlessly in both online and offline modes, making it accessible to users in rural areas with limited connectivity.