360 COGNI - Dementia Support Platform

ONE STOP • ONE STEP AHEAD
We help participants and their caregivers protect cognitive health through simple, engaging tools and warm community support.

---

🎯 Mission & Vision

Mission: We support participants and caregivers with simple tools for cognitive health. Easy check-ups, fun brain games, helpful resources, and a caring community.

Vision: Build a warm digital space where everyone feels supported. Help people stay engaged, informed, and connected—while making caregiving easier.

📋 Table of Contents

• Overview
• Project Status
• Current Implementation
• Features
• Technology Stack
• Project Structure
• Getting Started
• Demo Accounts
• User Roles
• Roadmap
• Contributing

---

Overview

360 COGNI helps you protect your cognitive health. We offer:

• 🧠 Quick Check-ups: Simple, private cognitive screening
• 🎮 Brain Games: Fun exercises to keep your mind sharp
• 📊 Progress Tracking: See your improvements over time
• 👨‍⚕️ Caregiver Support: Tools to support multiple clients
• 📚 Easy Resources: Clear guides and practical tips
• 💬 Community: Connect with others who understand
• 🔗 Professional Network: Find helpful experts
• 🗺️ Persona Journeys: Guided experiences for participants, caregivers, and professionals

---

Project Status

• Overall: 95% complete, production-ready
• Mobile Polish: Complete (animations, shadows, UX polish). See mobile/POLISH_SUMMARY.md.
• Advanced Assessments: 6 tests implemented with scoring and interpretation. See mobile/ADVANCED_ASSESSMENTS_SUMMARY.md.
• Caregiver Training Modules: 3 modules implemented on Web & Mobile with quizzes and progress.
• Community Forum: Service layer complete; UI pages pending.
• See FINAL_IMPLEMENTATION_SUMMARY.md for full details.

---

Current Implementation

✅ Completed Features

Web Application

• ✅ User authentication (Participant & Caregiver roles)
• ✅ Cognitive check-up tool (22 questions across 6 domains)
• ✅ Brain training games:
  • Memory Match
  • Number Trail
  • Word Builder
• ✅ Progress tracking with detailed reports
• ✅ Resource library
• ✅ Community features
• ✅ Professional directory
• ✅ Responsive design with accessibility features
• ✅ Demo account system
• ✅ Training modules (3 modules with lessons and quizzes)

Mobile Application (React Native)

• ✅ Dual-mode user interface (Special Needs Users & Caregivers)
• ✅ User selection screen
• ✅ Role-specific dashboards
• ✅ Cognitive assessment screen
• ✅ Advanced assessment suite (6 types)
• ✅ Brain games screen
• ✅ Progress tracking with detail modal
• ✅ Caregiver dashboard with user management
• ✅ Settings and configuration
• ✅ Demo account integration
• ✅ Local data storage with AsyncStorage
• ✅ Polished animations and touch feedback

Shared Services

• ✅ Demo account authentication
• ✅ Assessment scoring algorithms (basic + advanced)
• ✅ Progress tracking services
• ✅ Training modules service
• ✅ Forum service (data layer)

---

Features

🔐 Authentication & User Management

• Separate portals for Patients and Caregivers
• Demo accounts for easy testing
• Role-based access control
• Session persistence (Web: localStorage, Mobile: AsyncStorage)

🧠 Cognitive Assessment

• Comprehensive 22-question assessment
• Six cognitive domains:
  • Orientation (7 points)
  • Memory (3 points)
  • Attention (5 points)
  • Language (8 points)
  • Visual-Spatial (1 point)
  • Executive Function (2 points)
• Automated scoring and interpretation
• Detailed domain breakdowns
• Historical tracking

🧪 Advanced Assessments (Mobile)

• Clock Drawing Test (CDT)
• Trail Making Test (Parts A & B)
• Verbal Fluency Test
• Memory Recall (Immediate/Delayed/Recognition)
• Functional Assessment (ADL/IADL)
• Comprehensive Cognitive Test (MoCA/MMSE-inspired)
• Color-coded results, recommendations, and AsyncStorage persistence

🎮 Brain Training Games

• Memory Match
• Number Trail
• Word Builder
• Coming Soon: Photo Reminiscence

📊 Progress Tracking

• Historical assessment results
• Score trends over time
• Domain-specific analysis
• Visual progress charts
• Export capabilities (planned)

👨‍⚕️ Caregiver Features

• Dashboard with user statistics
• Multiple user management
• Assessment result monitoring
• Progress tracking
• User activity logs
• Settings and configuration

📚 Educational Resources

• Dementia care guides
• Communication strategies
• Coping skills
• Self-care tips for caregivers
• Professional resources

🌐 Community & Support

• Forum data layer with categories, posts, replies, likes, views, tags
• UI screens planned for both Web and Mobile

---

Technology Stack

Web Application

• Frontend: React 19.2.0 with TypeScript
• Routing: React Router v7.9.4
• Styling: CSS3 with custom responsive design
• Build Tool: Create React App
• Testing: Jest, React Testing Library
• Deployment: Static hosting ready (Netlify/Vercel)

Mobile Application

• Framework: React Native 0.74.3
• Runtime: Expo SDK 51
• Navigation: React Navigation v6
• Storage: AsyncStorage
• State Management: React Context API
• Language: TypeScript

Development Tools

• TypeScript 4.9.5+
• Git & GitHub
• ESLint configuration
• Prettier (recommended)

Planned Backend Services

• Node.js/Express or Django (TBD)
• Firebase/Firestore for rapid prototyping
• PostgreSQL for structured data
• AWS or similar for cloud hosting

---

Project Structure

360Cogni/
├── dementia-support-app/          # Main application directory
│   ├── src/                       # Web application source
│   │   ├── components/           # Reusable UI components
│   │   ├── contexts/            # React contexts (Auth, Accessibility)
│   │   ├── pages/               # Page components
│   │   │   ├── HomePage.tsx
│   │   │   ├── AssessmentPage.tsx
│   │   │   ├── GamesPage.tsx
│   │   │   ├── ProgressPage.tsx
│   │   │   ├── CommunityPage.tsx
│   │   │   
│   │   │   ├── ResourcesPage.tsx
│   │   │   └── ...
│   │   └── services/            # Business logic services
│   │       ├── demoAccounts.ts
│   │       ├── assessmentResults.ts
│   │       ├── trainingModules.ts
│   │       └── forumService.ts
│   ├── mobile/                  # Mobile application
│   │   ├── src/
│   │   │   ├── screens/         # Mobile screens
│   │   │   │   ├── UserSelectionScreen.tsx
│   │   │   │   
│   │   │   │   ├── LoginScreen.tsx
│   │   │   │   ├── SpecialNeedsApp.tsx
│   │   │   │   
│   │   │   │   ├── CaregiverApp.tsx
│   │   │   │   ├── AssessmentScreen.tsx
│   │   │   │   ├── AssessmentSelectionScreen.tsx
│   │   │   │   ├── AdvancedAssessmentScreen.tsx
│   │   │   │   └── ...
│   │   │   
│   │   │   ├── contexts/        # Mobile contexts
│   │   │   └── services/        # Mobile services
│   │   │       ├── advancedAssessments.ts
│   │   │       ├── trainingModules.ts
│   │   │       └── ...
│   │   └── App.tsx              # Mobile entry point
│   ├── package.json
│   ├── README.md
│   └── DEMO_ACCOUNTS.md
├── Resources/                    # Project documentation
│   
│   ├── Assessment and Training Research.md
│   └── Dementia Support Platform (MVP) – Product Brief.md
└── README.md                     # This file

---

Getting Started

Prerequisites

• Node.js 18+ and npm
• Git
• (For mobile) iOS Simulator (Mac) or Android Studio

Web Application

1. Clone the repository

git clone https://github.com/darderrdur17/360Cogni.git
cd 360Cogni/dementia-support-app

2. Install dependencies

npm install

3. Start development server

npm start

4. Open in browser

• Navigate to http://localhost:3000

Mobile Application

1. Navigate to mobile directory

cd dementia-support-app/mobile

2. Install dependencies

npm install

3. Start Expo development server

# For iOS
npm run ios

# For Android
npm run android

# For web
npm run web

Demo Accounts

See DEMO_ACCOUNTS.md for login credentials.

Quick Demo:

• Participant: patient@demo.com / demo123
• Caregiver: caregiver@demo.com / demo123

---

Demo Accounts

Web Application

Role	Email	Password	Name
Participant	patient@demo.com	demo123	John Smith
Participant	patient2@demo.com	demo123	Sarah Johnson
Caregiver	caregiver@demo.com	demo123	Dr. Jane Williams
Caregiver	caregiver2@demo.com	demo123	Michael Brown

Mobile Application

• Special Needs User: user@demo.com (any name)
• Caregiver: caregiver@demo.com (any name)

Note: Mobile app doesn't require passwords, just email and name.

---

User Roles

🧠 Participant

• Take cognitive check-ups
• Play brain games
• Track your progress
• Explore helpful resources
• Join the community

👨‍⚕️ Caregiver

• Support multiple clients
• View check-up results
• Track progress over time
• Manage client accounts
• Export reports
• Get caregiver resources

---

Roadmap

Completed ✅

• Phase 1 core features
• Web application MVP
• Mobile application MVP
• Demo account system
• Cognitive assessments (basic + advanced)
• Brain training games
• Progress tracking
• Training modules (3)
• Mobile polish

In Progress 🔄

• Community forum UI screens (service complete)
• Advanced analytics

Planned 🔜

• AI-powered early detection
• Healthcare provider integration
• Personalization engine
• Voice control
• Multilingual support
• Teleconsultation features
• Gamification rewards system

Future Vision 🔮

• Real-time collaboration
• Family sharing features
• Professional dashboard
• API for third-party integrations
• Wearable device integration
• Advanced AI insights

---

Contributing

We welcome contributions! Here's how you can help:

Development

1. Fork the repository
2. Create a feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

Areas for Contribution

• Additional brain training games
• UI/UX improvements
• Accessibility enhancements
• Documentation
• Testing
• Translation/localization
• Performance optimization
• Forum UI pages (web + mobile)

Design Principles

• Warm & Friendly: Use simple language, warm colors, and inviting tone
• Accessible: Large fonts, high contrast, easy navigation
• Human-Centered: Call users "participants" not "patients"
• Evidence-Based: Ground features in research
• Compassionate: Design with empathy and respect

---

Resources & Documentation

• Product Brief
• Assessment and Training Research
• Persona & Experience Spec (v29 Oct 2025)
• Final Implementation Summary
• Mobile Polish Summary
• Advanced Assessments Summary
• Demo Accounts
• Web App README
• Mobile App README

---

License

This project is currently in active development. All rights reserved.

---

Contact & Support

For questions, feedback, or support:

• Open an issue on GitHub
• Email: [Your email here]

---

Acknowledgments

This project draws inspiration from evidence-based dementia care apps including:

• Play2Care (Singapore): Gamified caregiver training
• MindMate: Cognitive stimulation for seniors
• Brain CareNotes: Caregiver support platform
• Lumosity/Peak: Brain training applications

Built with ❤️ for participants and their caregivers.

---

Your Mind, Your Future. Let's Protect It, Together. 🧠🧡