ReMindr - Memory Assistant for Dementia Care

A comprehensive voice-powered assistant app designed specifically for people with dementia and their caregivers. The app features role-based authentication, location services for emergency situations, and separate interfaces optimized for patients and caregivers.

Features

Authentication & Role Management

• Role-Based Login: Separate interfaces for patients and caregivers with email/password authentication
• Patient Interface: Voice-first design with memory assistance and emergency features
• Caregiver Interface: Dashboard to monitor multiple patients with location tracking
• Secure Session Management: Persistent login with secure logout functionality

Patient Features

• Voice Interface: Large, accessible voice interaction button with real microphone recording
• Memory Journal: Record and save important thoughts and memories with persistent storage
• Emergency Contacts: Manage and call emergency contacts with persistent storage
• Smart Reminders: Medication, appointment, and task reminders with persistent storage
• Daily Tasks: Simple task management with visual progress tracking and persistent storage
• Emergency Caregiver Contact: Non-emergency button to contact nearest caregiver with location sharing

Caregiver Features

• Patient Dashboard: Monitor multiple patients from a single interface
• Real-time Location Tracking: View current location and status of each patient
• Activity Monitoring: Track patient activity, medication compliance, and app usage
• Emergency Notifications: Receive alerts when patients need assistance
• Direct Communication: One-touch calling and messaging with patients

Data Persistence

• Local Storage: All user data (contacts, memories, reminders, tasks) is saved locally
• No Fake Data: Clean slate for new users - no pre-populated dummy data
• Automatic Saving: Data is automatically saved when added or modified

Accessibility Features

• Large, Clear Interface: Minimum 18px fonts with high contrast colors
• Simple Navigation: Bottom navigation with clear icons and labels
• Voice-First Design: Real microphone access for voice recording
• Visual Feedback: Clear state changes and loading indicators
• Consistent Layout: Predictable interface reduces cognitive load

Technology Stack

• Frontend: React 18 + TypeScript + Vite
• Styling: Tailwind CSS with custom accessibility-focused design
• Icons: Lucide React for consistent iconography
• Voice Recording: Web APIs (MediaRecorder, SpeechRecognition)
• Data Storage: localStorage for persistent data
• Location Services: Browser Geolocation API

Demo Credentials

Patient Login

• Email: patient@remindr.com
• Password: patient123

Caregiver Login

• Email: caregiver@remindr.com
• Password: caregiver123

Setup Instructions

Prerequisites

• Node.js 18+ and npm

Installation

1. Clone and Install

   npm install
   

2. Start Development Server

   npm run dev
   

Voice Recording Implementation

The app now includes real microphone recording functionality:

• MediaRecorder API: Records actual audio from the user's microphone
• SpeechRecognition API: Provides live transcription during recording
• Permission Handling: Properly requests and handles microphone permissions
• Error Handling: Graceful fallbacks when microphone access is denied

Data Storage

All user data is stored locally using localStorage:

• Contacts: Emergency contacts with names, phone numbers, and relationships
• Memories: Text and voice memories with timestamps
• Reminders: Scheduled reminders with times and types
• Tasks: Daily tasks with priorities and completion status

Emergency Features

• Emergency Button: Direct 911 calling from the header
• Caregiver Contact: Non-emergency assistance button with location sharing
• Location Services: GPS tracking for emergency situations

AI Integration Placeholders

The app includes placeholders for AI integration:

Vapi AI Integration (Voice Processing)

• Voice recording infrastructure is in place
• TODO: Integrate with Vapi AI for speech-to-text and text-to-speech
• TODO: Implement voice command recognition

Fetch AI Integration (Action Processing)

• Task creation system is implemented
• TODO: Connect to Fetch AI for automated actions
• TODO: Implement phone calling, appointment scheduling, etc.

File Structure

src/
├── components/           # React components
│   ├── LoginScreen.tsx  # Email/password authentication
│   ├── PatientApp.tsx   # Patient interface wrapper
│   ├── CaregiverApp.tsx # Caregiver dashboard
│   ├── EmergencyButton.tsx # Emergency caregiver contact
│   ├── Header.tsx       # App header with emergency button
│   ├── VoiceInterface.tsx # Voice recording component
│   ├── MemoryJournal.tsx  # Memory recording with storage
│   ├── EmergencyContacts.tsx # Contact management with storage
│   ├── Reminders.tsx    # Reminder system with storage
│   ├── DailyTasks.tsx   # Task management with storage
│   └── Navigation.tsx   # Bottom navigation
├── contexts/            # React contexts
│   ├── AuthContext.tsx  # Authentication state management
│   ├── LocationContext.tsx # Location services
│   └── VoiceContext.tsx # Voice recording management
├── utils/              # Utility functions
│   └── api.ts          # AI service integrations (placeholders)
├── App.tsx             # Main app component with role routing
└── main.tsx           # App entry point

Contributing

When contributing to this project, please consider:

• Accessibility First: All changes must maintain accessibility standards
• Simple Design: Keep interfaces simple and clear for users with cognitive challenges
• Voice Priority: Prioritize voice interactions over touch/click interactions
• Error Handling: Provide clear, gentle error messages and recovery options
• Privacy by Design: Consider privacy implications of all new features
• Data Persistence: Ensure all user data is properly saved and loaded

License

This project is designed for accessibility and care support. Please use responsibly and consider privacy implications when handling personal health data.