BranchesTags

Latest commit

History

486 Commits

Folders and files

NameName
Last commit message
Last commit date
assets
assets
public
public
src
src
.gitignore
.gitignore
README.md
README.md
package-lock.json
package-lock.json
package.json
package.json

Repository files navigation

MindMate Logo

MindMate 🧠💙

Smart care. Safer lives. Stronger connections.

ReactReduxSocket.ioLeaflet


📖 About The Project

MindMate is an intelligent, compassionate web application

It is designed to support Alzheimer's patients and empower their caregivers. Managing the daily challenges of Alzheimer's requires constant attention, and MindMate bridges the gap by offering a cohesive dashboard for caregivers to monitor, assist, and care for their loved ones effectively.

From real-time geographical tracking to therapeutic memory banks, the application acts as a digital companion that ensures patients' safety while significantly reducing caregiver burnout.

MindMate Dashboard Preview

Caregiver Dashboard & Real-Time Tracking

✨ Features & Interface

We have built specific modules to tackle the everyday challenges faced by caregivers:

Location Tracking Preview

📍 Real-Time Location Tracking

Integrated Leaflet maps & Socket.io for live geolocation updates.

Smart Reminders Preview

💊 Smart Reminders

Granular scheduling for Medications and Appointments.

Memory Bank Preview

🖼️ Memory Bank

A therapeutic vault for photos, notes, and cherished milestones.

Patient Management Preview

👥 Patient Management

Easily add, edit, and oversee multiple patient profiles.

  • 🔐 Secure Authentication: Complete onboarding flows including Sign Up, Login, and Password Recovery.

🛠 Tech Stack

Frontend Framework & Libraries:

  • React 18 (Bootstrapped with Create React App)
  • React Router v7 (Dynamic client-side routing & protected routes)
  • Redux Toolkit (Global state management)

Integration & Functionality:

  • Axios (RESTful API communication)
  • Socket.io-Client (WebSockets for real-time tracking)
  • Leaflet & React-Leaflet (Interactive maps for patient location)
  • React Toastify & React Modal (Intuitive UI feedback and dialogs)

🚀 Getting Started

Follow these instructions to get a local copy of the project up and running.

Prerequisites

Make sure you have Node.js and npm installed on your machine.

  • npm 
    npm install npm@latest -g

Installation

  1. Clone the repo
    git clone https://github.com/MindMate-Project/Web.git
  2. Navigate to the project directory
    cd alzheimer
  3. Install NPM packages
    npm install
  4. Setup Environment Variables
    • Create a .env file in the root directory.
    • Add your API Base URLs and other secrets (e.g., REACT_APP_API_URL=http://localhost:5000/api).
  5. Start the development server
    npm start

📂 Project Structure

src/
├── API/ # Axios instances and API route configurations
├── components/ # Reusable UI components (Auth, Dashboard, Maps, Navigation)
├── hook/ & hooks/ # Custom React hooks containing abstracted logic & API calls
├── images/ # Static graphical assets
├── pages/ # High-level layouts and routed pages
├── redux/ # Redux store, slices, and asynchronous thunks
└── utils/ # Helper functions and Route Protection wrappers
Built with ❤️ for a better tomorrow.

About

AI-Powered Platform for Alzheimer's Care — Real-Time Location Tracking, Medication Reminders, Memory Bank, and Caregiver Dashboard

web-mindmate.vercel.app/

Topics

css3html5javascript-es6reactredux-toolkit-js

Resources

Readme
Activity
Custom properties

Stars

0 stars

Watchers

0 watching

Forks

0 forks
Report repository

Releases

Packages

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Add copy buttons to all 
 blocks\n(function() {\n function addCopyButtons() {\n document.querySelectorAll('pre code').forEach(function(codeBlock) {\n if (codeBlock.parentElement.hasAttribute('data-copy-added')) return;\n codeBlock.parentElement.setAttribute('data-copy-added', 'true');\n \n var btn = document.createElement('button');\n btn.textContent = 'Copy';\n btn.style.cssText = 'position:absolute;top:4px;right:4px;padding:2px 8px;font-size:11px;background:#4ecdc4;border:none;border-radius:4px;color:#1a1a2e;cursor:pointer;opacity:0.7;transition:opacity 0.2s;';\n btn.onmouseover = function() { this.style.opacity = '1'; };\n btn.onmouseout = function() { this.style.opacity = '0.7'; };\n btn.onclick = function() {\n navigator.clipboard.writeText(codeBlock.textContent).then(function() {\n btn.textContent = 'Copied!';\n setTimeout(function() { btn.textContent = 'Copy'; }, 1500);\n });\n };\n codeBlock.parentElement.style.position = 'relative';\n codeBlock.parentElement.appendChild(btn);\n });\n }\n \n addCopyButtons();\n \n // Re-run on dynamic content\n var observer = new MutationObserver(addCopyButtons);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Add Copy Buttons to Code Blocks");
}
} catch(__e) { console.warn('[Userscript:Add Copy Buttons to Code Blocks]', __e); }
})();
(function(){
try {
var __m = "github.com";
var __re = new RegExp('^' + "github\\.com" + '

Skip to content
BranchesTags
Latest commit
History
486 Commits
Folders and files
NameName
Last commit message
Last commit date
assets
assets
public
public
src
src
.gitignore
.gitignore
README.md
README.md
package-lock.json
package-lock.json
package.json
package.json
Repository files navigation
MindMate Logo
MindMate 🧠💙
Smart care. Safer lives. Stronger connections.
ReactReduxSocket.ioLeaflet

📖 About The Project
MindMate is an intelligent, compassionate web application
It is designed to support Alzheimer's patients and empower their caregivers. Managing the daily challenges of Alzheimer's requires constant attention, and MindMate bridges the gap by offering a cohesive dashboard for caregivers to monitor, assist, and care for their loved ones effectively.
From real-time geographical tracking to therapeutic memory banks, the application acts as a digital companion that ensures patients' safety while significantly reducing caregiver burnout.
MindMate Dashboard Preview
Caregiver Dashboard & Real-Time Tracking
✨ Features & Interface
We have built specific modules to tackle the everyday challenges faced by caregivers:
Location Tracking Preview

📍 Real-Time Location Tracking
Integrated Leaflet maps & Socket.io for live geolocation updates.
Smart Reminders Preview

💊 Smart Reminders
Granular scheduling for Medications and Appointments.
Memory Bank Preview

🖼️ Memory Bank
A therapeutic vault for photos, notes, and cherished milestones.
Patient Management Preview

👥 Patient Management
Easily add, edit, and oversee multiple patient profiles.
  • 🔐 Secure Authentication: Complete onboarding flows including Sign Up, Login, and Password Recovery.
🛠 Tech Stack
Frontend Framework & Libraries:
  • React 18 (Bootstrapped with Create React App)
  • React Router v7 (Dynamic client-side routing & protected routes)
  • Redux Toolkit (Global state management)
Integration & Functionality:
  • Axios (RESTful API communication)
  • Socket.io-Client (WebSockets for real-time tracking)
  • Leaflet & React-Leaflet (Interactive maps for patient location)
  • React Toastify & React Modal (Intuitive UI feedback and dialogs)
🚀 Getting Started
Follow these instructions to get a local copy of the project up and running.
Prerequisites
Make sure you have Node.js and npm installed on your machine.
  • npm

    npm install npm@latest -g
Installation
  1. Clone the repo
    git clone https://github.com/MindMate-Project/Web.git
  2. Navigate to the project directory
    cd alzheimer
  3. Install NPM packages
    npm install
  4. Setup Environment Variables
    • Create a .env file in the root directory.
    • Add your API Base URLs and other secrets (e.g., REACT_APP_API_URL=http://localhost:5000/api).
  5. Start the development server
    npm start
📂 Project Structure
src/
├── API/ # Axios instances and API route configurations
├── components/ # Reusable UI components (Auth, Dashboard, Maps, Navigation)
├── hook/ & hooks/ # Custom React hooks containing abstracted logic & API calls
├── images/ # Static graphical assets
├── pages/ # High-level layouts and routed pages
├── redux/ # Redux store, slices, and asynchronous thunks
└── utils/ # Helper functions and Route Protection wrappers

Built with ❤️ for a better tomorrow.
About
AI-Powered Platform for Alzheimer's Care — Real-Time Location Tracking, Medication Reminders, Memory Bank, and Caregiver Dashboard
web-mindmate.vercel.app/
Topics
css3html5javascript-es6reactredux-toolkit-js
Resources
Readme
Activity
Custom properties
Stars
0 stars
Watchers
0 watching
Forks
0 forks
Report repository
Releases
Packages
Contributors
Languages

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Force GitHub README to respect dark mode\n(function() {\n var style = document.createElement('style');\n style.textContent = '\n .markdown-body {\n color-scheme: dark light;\n }\n .markdown-body pre { background: #161b22 !important; }\n .markdown-body code { background: rgba(110, 118, 129, 0.4) !important; }\n .markdown-body table th, .markdown-body table td { border-color: #30363d !important; }\n .markdown-body img { background: #0d1117; }\n .markdown-body blockquote { border-left-color: #8b949e; }\n .markdown-body hr { border-color: #30363d; }\n ';\n document.head.appendChild(style);\n})();", "GitHub Dark Mode README Fix");
}
} catch(__e) { console.warn('[Userscript:GitHub Dark Mode README Fix]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
BranchesTags
Latest commit
History
486 Commits
Folders and files
NameName
Last commit message
Last commit date
assets
assets
public
public
src
src
.gitignore
.gitignore
README.md
README.md
package-lock.json
package-lock.json
package.json
package.json
Repository files navigation
MindMate Logo
MindMate 🧠💙
Smart care. Safer lives. Stronger connections.
ReactReduxSocket.ioLeaflet

📖 About The Project
MindMate is an intelligent, compassionate web application
It is designed to support Alzheimer's patients and empower their caregivers. Managing the daily challenges of Alzheimer's requires constant attention, and MindMate bridges the gap by offering a cohesive dashboard for caregivers to monitor, assist, and care for their loved ones effectively.
From real-time geographical tracking to therapeutic memory banks, the application acts as a digital companion that ensures patients' safety while significantly reducing caregiver burnout.
MindMate Dashboard Preview
Caregiver Dashboard & Real-Time Tracking
✨ Features & Interface
We have built specific modules to tackle the everyday challenges faced by caregivers:
Location Tracking Preview

📍 Real-Time Location Tracking
Integrated Leaflet maps & Socket.io for live geolocation updates.
Smart Reminders Preview

💊 Smart Reminders
Granular scheduling for Medications and Appointments.
Memory Bank Preview

🖼️ Memory Bank
A therapeutic vault for photos, notes, and cherished milestones.
Patient Management Preview

👥 Patient Management
Easily add, edit, and oversee multiple patient profiles.
  • 🔐 Secure Authentication: Complete onboarding flows including Sign Up, Login, and Password Recovery.
🛠 Tech Stack
Frontend Framework & Libraries:
  • React 18 (Bootstrapped with Create React App)
  • React Router v7 (Dynamic client-side routing & protected routes)
  • Redux Toolkit (Global state management)
Integration & Functionality:
  • Axios (RESTful API communication)
  • Socket.io-Client (WebSockets for real-time tracking)
  • Leaflet & React-Leaflet (Interactive maps for patient location)
  • React Toastify & React Modal (Intuitive UI feedback and dialogs)
🚀 Getting Started
Follow these instructions to get a local copy of the project up and running.
Prerequisites
Make sure you have Node.js and npm installed on your machine.
  • npm

    npm install npm@latest -g
Installation
  1. Clone the repo
    git clone https://github.com/MindMate-Project/Web.git
  2. Navigate to the project directory
    cd alzheimer
  3. Install NPM packages
    npm install
  4. Setup Environment Variables
    • Create a .env file in the root directory.
    • Add your API Base URLs and other secrets (e.g., REACT_APP_API_URL=http://localhost:5000/api).
  5. Start the development server
    npm start
📂 Project Structure
src/
├── API/ # Axios instances and API route configurations
├── components/ # Reusable UI components (Auth, Dashboard, Maps, Navigation)
├── hook/ & hooks/ # Custom React hooks containing abstracted logic & API calls
├── images/ # Static graphical assets
├── pages/ # High-level layouts and routed pages
├── redux/ # Redux store, slices, and asynchronous thunks
└── utils/ # Helper functions and Route Protection wrappers

Built with ❤️ for a better tomorrow.
About
AI-Powered Platform for Alzheimer's Care — Real-Time Location Tracking, Medication Reminders, Memory Bank, and Caregiver Dashboard
web-mindmate.vercel.app/
Topics
css3html5javascript-es6reactredux-toolkit-js
Resources
Readme
Activity
Custom properties
Stars
0 stars
Watchers
0 watching
Forks
0 forks
Report repository
Releases
Packages
Contributors
Languages

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Highlight search terms from Google/DuckDuckGo/Bing referrer\n(function() {\n var ref = document.referrer;\n var terms = [];\n \n if (ref.includes('google.com') || ref.includes('duckduckgo.com') || ref.includes('bing.com')) {\n var url = new URL(ref);\n var q = url.searchParams.get('q') || url.searchParams.get('p');\n if (q) {\n terms = q.split(/\\s+/).filter(function(t) { return t.length > 2; });\n }\n }\n \n if (terms.length === 0) return;\n \n var style = document.createElement('style');\n style.textContent = '.userscript-highlight { background: #fbbf24; color: #1a1a2e; padding: 1px 3px; border-radius: 2px; }';\n document.head.appendChild(style);\n \n function highlight(node) {\n if (node.nodeType === 3) { // text node\n var text = node.textContent;\n var found = false;\n terms.forEach(function(term) {\n var regex = new RegExp('(' + term.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\') + ')', 'gi');\n if (regex.test(text)) {\n found = true;\n var frag = document.createDocumentFragment();\n var parts = text.split(regex);\n parts.forEach(function(part, i) {\n if (i % 2 === 0) {\n frag.appendChild(document.createTextNode(part));\n } else {\n var span = document.createElement('span');\n span.className = 'userscript-highlight';\n span.textContent = part;\n frag.appendChild(span);\n }\n });\n node.parentNode.replaceChild(frag, node);\n }\n });\n } else if (node.nodeType === 1 && node.childNodes) { // element\n var skipTags = ['SCRIPT', 'STYLE', 'NOSCRIPT', 'TEXTAREA', 'INPUT', 'SELECT'];\n if (!skipTags.includes(node.tagName)) {\n Array.from(node.childNodes).forEach(highlight);\n }\n }\n }\n \n highlight(document.body);\n \n // Re-highlight on dynamic content\n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1 || node.nodeType === 3) highlight(node);\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Highlight Search Terms");
}
} catch(__e) { console.warn('[Userscript:Highlight Search Terms]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
BranchesTags
Latest commit
History
486 Commits
Folders and files
NameName
Last commit message
Last commit date
assets
assets
public
public
src
src
.gitignore
.gitignore
README.md
README.md
package-lock.json
package-lock.json
package.json
package.json
Repository files navigation
MindMate Logo
MindMate 🧠💙
Smart care. Safer lives. Stronger connections.
ReactReduxSocket.ioLeaflet

📖 About The Project
MindMate is an intelligent, compassionate web application
It is designed to support Alzheimer's patients and empower their caregivers. Managing the daily challenges of Alzheimer's requires constant attention, and MindMate bridges the gap by offering a cohesive dashboard for caregivers to monitor, assist, and care for their loved ones effectively.
From real-time geographical tracking to therapeutic memory banks, the application acts as a digital companion that ensures patients' safety while significantly reducing caregiver burnout.
MindMate Dashboard Preview
Caregiver Dashboard & Real-Time Tracking
✨ Features & Interface
We have built specific modules to tackle the everyday challenges faced by caregivers:
Location Tracking Preview

📍 Real-Time Location Tracking
Integrated Leaflet maps & Socket.io for live geolocation updates.
Smart Reminders Preview

💊 Smart Reminders
Granular scheduling for Medications and Appointments.
Memory Bank Preview

🖼️ Memory Bank
A therapeutic vault for photos, notes, and cherished milestones.
Patient Management Preview

👥 Patient Management
Easily add, edit, and oversee multiple patient profiles.
  • 🔐 Secure Authentication: Complete onboarding flows including Sign Up, Login, and Password Recovery.
🛠 Tech Stack
Frontend Framework & Libraries:
  • React 18 (Bootstrapped with Create React App)
  • React Router v7 (Dynamic client-side routing & protected routes)
  • Redux Toolkit (Global state management)
Integration & Functionality:
  • Axios (RESTful API communication)
  • Socket.io-Client (WebSockets for real-time tracking)
  • Leaflet & React-Leaflet (Interactive maps for patient location)
  • React Toastify & React Modal (Intuitive UI feedback and dialogs)
🚀 Getting Started
Follow these instructions to get a local copy of the project up and running.
Prerequisites
Make sure you have Node.js and npm installed on your machine.
  • npm

    npm install npm@latest -g
Installation
  1. Clone the repo
    git clone https://github.com/MindMate-Project/Web.git
  2. Navigate to the project directory
    cd alzheimer
  3. Install NPM packages
    npm install
  4. Setup Environment Variables
    • Create a .env file in the root directory.
    • Add your API Base URLs and other secrets (e.g., REACT_APP_API_URL=http://localhost:5000/api).
  5. Start the development server
    npm start
📂 Project Structure
src/
├── API/ # Axios instances and API route configurations
├── components/ # Reusable UI components (Auth, Dashboard, Maps, Navigation)
├── hook/ & hooks/ # Custom React hooks containing abstracted logic & API calls
├── images/ # Static graphical assets
├── pages/ # High-level layouts and routed pages
├── redux/ # Redux store, slices, and asynchronous thunks
└── utils/ # Helper functions and Route Protection wrappers

Built with ❤️ for a better tomorrow.
About
AI-Powered Platform for Alzheimer's Care — Real-Time Location Tracking, Medication Reminders, Memory Bank, and Caregiver Dashboard
web-mindmate.vercel.app/
Topics
css3html5javascript-es6reactredux-toolkit-js
Resources
Readme
Activity
Custom properties
Stars
0 stars
Watchers
0 watching
Forks
0 forks
Report repository
Releases
Packages
Contributors
Languages

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Strip utm_, fbclid, gclid, etc. from all links on page\n(function() {\n var trackingParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content',\n 'fbclid', 'gclid', 'dclid', 'msclkid', 'yclid',\n 'ref', 'ref_src', 'source', 'medium', 'campaign'];\n \n function cleanUrl(url) {\n try {\n var u = new URL(url, window.location.origin);\n var changed = false;\n trackingParams.forEach(function(p) {\n if (u.searchParams.has(p)) {\n u.searchParams.delete(p);\n changed = true;\n }\n });\n return changed ? u.toString() : url;\n } catch (e) {\n return url;\n }\n }\n \n function cleanLinks() {\n document.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n \n cleanLinks();\n \n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1) {\n if (node.tagName === 'A') cleanLinks();\n node.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Remove Tracking Parameters from Links");
}
} catch(__e) { console.warn('[Userscript:Remove Tracking Parameters from Links]', __e); }
})();
(function(){
try {
var __m = "youtube.com";
var __re = new RegExp('^' + "youtube\\.com" + '

Skip to content
BranchesTags
Latest commit
History
486 Commits
Folders and files
NameName
Last commit message
Last commit date
assets
assets
public
public
src
src
.gitignore
.gitignore
README.md
README.md
package-lock.json
package-lock.json
package.json
package.json
Repository files navigation
MindMate Logo
MindMate 🧠💙
Smart care. Safer lives. Stronger connections.
ReactReduxSocket.ioLeaflet

📖 About The Project
MindMate is an intelligent, compassionate web application
It is designed to support Alzheimer's patients and empower their caregivers. Managing the daily challenges of Alzheimer's requires constant attention, and MindMate bridges the gap by offering a cohesive dashboard for caregivers to monitor, assist, and care for their loved ones effectively.
From real-time geographical tracking to therapeutic memory banks, the application acts as a digital companion that ensures patients' safety while significantly reducing caregiver burnout.
MindMate Dashboard Preview
Caregiver Dashboard & Real-Time Tracking
✨ Features & Interface
We have built specific modules to tackle the everyday challenges faced by caregivers:
Location Tracking Preview

📍 Real-Time Location Tracking
Integrated Leaflet maps & Socket.io for live geolocation updates.
Smart Reminders Preview

💊 Smart Reminders
Granular scheduling for Medications and Appointments.
Memory Bank Preview

🖼️ Memory Bank
A therapeutic vault for photos, notes, and cherished milestones.
Patient Management Preview

👥 Patient Management
Easily add, edit, and oversee multiple patient profiles.
  • 🔐 Secure Authentication: Complete onboarding flows including Sign Up, Login, and Password Recovery.
🛠 Tech Stack
Frontend Framework & Libraries:
  • React 18 (Bootstrapped with Create React App)
  • React Router v7 (Dynamic client-side routing & protected routes)
  • Redux Toolkit (Global state management)
Integration & Functionality:
  • Axios (RESTful API communication)
  • Socket.io-Client (WebSockets for real-time tracking)
  • Leaflet & React-Leaflet (Interactive maps for patient location)
  • React Toastify & React Modal (Intuitive UI feedback and dialogs)
🚀 Getting Started
Follow these instructions to get a local copy of the project up and running.
Prerequisites
Make sure you have Node.js and npm installed on your machine.
  • npm

    npm install npm@latest -g
Installation
  1. Clone the repo
    git clone https://github.com/MindMate-Project/Web.git
  2. Navigate to the project directory
    cd alzheimer
  3. Install NPM packages
    npm install
  4. Setup Environment Variables
    • Create a .env file in the root directory.
    • Add your API Base URLs and other secrets (e.g., REACT_APP_API_URL=http://localhost:5000/api).
  5. Start the development server
    npm start
📂 Project Structure
src/
├── API/ # Axios instances and API route configurations
├── components/ # Reusable UI components (Auth, Dashboard, Maps, Navigation)
├── hook/ & hooks/ # Custom React hooks containing abstracted logic & API calls
├── images/ # Static graphical assets
├── pages/ # High-level layouts and routed pages
├── redux/ # Redux store, slices, and asynchronous thunks
└── utils/ # Helper functions and Route Protection wrappers

Built with ❤️ for a better tomorrow.
About
AI-Powered Platform for Alzheimer's Care — Real-Time Location Tracking, Medication Reminders, Memory Bank, and Caregiver Dashboard
web-mindmate.vercel.app/
Topics
css3html5javascript-es6reactredux-toolkit-js
Resources
Readme
Activity
Custom properties
Stars
0 stars
Watchers
0 watching
Forks
0 forks
Report repository
Releases
Packages
Contributors
Languages

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Auto-enable theater mode on YouTube\n(function() {\n function tryTheater() {\n var btn = document.querySelector('button[aria-label=\"Theater mode\"], ytd-player #player button[title=\"Theater mode\"]');\n if (btn && !btn.classList.contains('activated')) {\n btn.click();\n }\n }\n \n // Try immediately\n tryTheater();\n \n // Try after navigation (SPA)\n var lastUrl = location.href;\n setInterval(function() {\n if (location.href !== lastUrl) {\n lastUrl = location.href;\n setTimeout(tryTheater, 500);\n }\n }, 1000);\n \n // Also try on player load\n var observer = new MutationObserver(tryTheater);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "YouTube Theater Mode Default");
}
} catch(__e) { console.warn('[Userscript:YouTube Theater Mode Default]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
BranchesTags
Latest commit
History
486 Commits
Folders and files
NameName
Last commit message
Last commit date
assets
assets
public
public
src
src
.gitignore
.gitignore
README.md
README.md
package-lock.json
package-lock.json
package.json
package.json
Repository files navigation
MindMate Logo
MindMate 🧠💙
Smart care. Safer lives. Stronger connections.
ReactReduxSocket.ioLeaflet

📖 About The Project
MindMate is an intelligent, compassionate web application
It is designed to support Alzheimer's patients and empower their caregivers. Managing the daily challenges of Alzheimer's requires constant attention, and MindMate bridges the gap by offering a cohesive dashboard for caregivers to monitor, assist, and care for their loved ones effectively.
From real-time geographical tracking to therapeutic memory banks, the application acts as a digital companion that ensures patients' safety while significantly reducing caregiver burnout.
MindMate Dashboard Preview
Caregiver Dashboard & Real-Time Tracking
✨ Features & Interface
We have built specific modules to tackle the everyday challenges faced by caregivers:
Location Tracking Preview

📍 Real-Time Location Tracking
Integrated Leaflet maps & Socket.io for live geolocation updates.
Smart Reminders Preview

💊 Smart Reminders
Granular scheduling for Medications and Appointments.
Memory Bank Preview

🖼️ Memory Bank
A therapeutic vault for photos, notes, and cherished milestones.
Patient Management Preview

👥 Patient Management
Easily add, edit, and oversee multiple patient profiles.
  • 🔐 Secure Authentication: Complete onboarding flows including Sign Up, Login, and Password Recovery.
🛠 Tech Stack
Frontend Framework & Libraries:
  • React 18 (Bootstrapped with Create React App)
  • React Router v7 (Dynamic client-side routing & protected routes)
  • Redux Toolkit (Global state management)
Integration & Functionality:
  • Axios (RESTful API communication)
  • Socket.io-Client (WebSockets for real-time tracking)
  • Leaflet & React-Leaflet (Interactive maps for patient location)
  • React Toastify & React Modal (Intuitive UI feedback and dialogs)
🚀 Getting Started
Follow these instructions to get a local copy of the project up and running.
Prerequisites
Make sure you have Node.js and npm installed on your machine.
  • npm

    npm install npm@latest -g
Installation
  1. Clone the repo
    git clone https://github.com/MindMate-Project/Web.git
  2. Navigate to the project directory
    cd alzheimer
  3. Install NPM packages
    npm install
  4. Setup Environment Variables
    • Create a .env file in the root directory.
    • Add your API Base URLs and other secrets (e.g., REACT_APP_API_URL=http://localhost:5000/api).
  5. Start the development server
    npm start
📂 Project Structure
src/
├── API/ # Axios instances and API route configurations
├── components/ # Reusable UI components (Auth, Dashboard, Maps, Navigation)
├── hook/ & hooks/ # Custom React hooks containing abstracted logic & API calls
├── images/ # Static graphical assets
├── pages/ # High-level layouts and routed pages
├── redux/ # Redux store, slices, and asynchronous thunks
└── utils/ # Helper functions and Route Protection wrappers

Built with ❤️ for a better tomorrow.
About
AI-Powered Platform for Alzheimer's Care — Real-Time Location Tracking, Medication Reminders, Memory Bank, and Caregiver Dashboard
web-mindmate.vercel.app/
Topics
css3html5javascript-es6reactredux-toolkit-js
Resources
Readme
Activity
Custom properties
Stars
0 stars
Watchers
0 watching
Forks
0 forks
Report repository
Releases
Packages
Contributors
Languages

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Remove or un-stick sticky/fixed headers that block content\n(function() {\n function unstick() {\n document.querySelectorAll('header, nav, [role=\"banner\"], .header, .navbar, .sticky, .fixed-top, [style*=\"position: fixed\"], [style*=\"position:sticky\"]').forEach(function(el) {\n if (el.style.position === 'fixed' || el.style.position === 'sticky' || \n getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') {\n el.style.position = 'static';\n el.style.top = 'auto';\n el.style.zIndex = 'auto';\n }\n });\n }\n \n unstick();\n \n var observer = new MutationObserver(unstick);\n observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] });\n})();", "Kill Sticky Headers");
}
} catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
BranchesTags
Latest commit
History
486 Commits
Folders and files
NameName
Last commit message
Last commit date
assets
assets
public
public
src
src
.gitignore
.gitignore
README.md
README.md
package-lock.json
package-lock.json
package.json
package.json
Repository files navigation
MindMate Logo
MindMate 🧠💙
Smart care. Safer lives. Stronger connections.
ReactReduxSocket.ioLeaflet

📖 About The Project
MindMate is an intelligent, compassionate web application
It is designed to support Alzheimer's patients and empower their caregivers. Managing the daily challenges of Alzheimer's requires constant attention, and MindMate bridges the gap by offering a cohesive dashboard for caregivers to monitor, assist, and care for their loved ones effectively.
From real-time geographical tracking to therapeutic memory banks, the application acts as a digital companion that ensures patients' safety while significantly reducing caregiver burnout.
MindMate Dashboard Preview
Caregiver Dashboard & Real-Time Tracking
✨ Features & Interface
We have built specific modules to tackle the everyday challenges faced by caregivers:
Location Tracking Preview

📍 Real-Time Location Tracking
Integrated Leaflet maps & Socket.io for live geolocation updates.
Smart Reminders Preview

💊 Smart Reminders
Granular scheduling for Medications and Appointments.
Memory Bank Preview

🖼️ Memory Bank
A therapeutic vault for photos, notes, and cherished milestones.
Patient Management Preview

👥 Patient Management
Easily add, edit, and oversee multiple patient profiles.
  • 🔐 Secure Authentication: Complete onboarding flows including Sign Up, Login, and Password Recovery.
🛠 Tech Stack
Frontend Framework & Libraries:
  • React 18 (Bootstrapped with Create React App)
  • React Router v7 (Dynamic client-side routing & protected routes)
  • Redux Toolkit (Global state management)
Integration & Functionality:
  • Axios (RESTful API communication)
  • Socket.io-Client (WebSockets for real-time tracking)
  • Leaflet & React-Leaflet (Interactive maps for patient location)
  • React Toastify & React Modal (Intuitive UI feedback and dialogs)
🚀 Getting Started
Follow these instructions to get a local copy of the project up and running.
Prerequisites
Make sure you have Node.js and npm installed on your machine.
  • npm

    npm install npm@latest -g
Installation
  1. Clone the repo
    git clone https://github.com/MindMate-Project/Web.git
  2. Navigate to the project directory
    cd alzheimer
  3. Install NPM packages
    npm install
  4. Setup Environment Variables
    • Create a .env file in the root directory.
    • Add your API Base URLs and other secrets (e.g., REACT_APP_API_URL=http://localhost:5000/api).
  5. Start the development server
    npm start
📂 Project Structure
src/
├── API/ # Axios instances and API route configurations
├── components/ # Reusable UI components (Auth, Dashboard, Maps, Navigation)
├── hook/ & hooks/ # Custom React hooks containing abstracted logic & API calls
├── images/ # Static graphical assets
├── pages/ # High-level layouts and routed pages
├── redux/ # Redux store, slices, and asynchronous thunks
└── utils/ # Helper functions and Route Protection wrappers

Built with ❤️ for a better tomorrow.
About
AI-Powered Platform for Alzheimer's Care — Real-Time Location Tracking, Medication Reminders, Memory Bank, and Caregiver Dashboard
web-mindmate.vercel.app/
Topics
css3html5javascript-es6reactredux-toolkit-js
Resources
Readme
Activity
Custom properties
Stars
0 stars
Watchers
0 watching
Forks
0 forks
Report repository
Releases
Packages
Contributors
Languages

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Universal Dark Mode - works on any site\n(function() {\n var enabled = true;\n \n function applyDarkMode() {\n if (!enabled) return;\n \n // Create style element if it doesn't exist\n var style = document.getElementById('universal-dark-mode-style');\n if (!style) {\n style = document.createElement('style');\n style.id = 'universal-dark-mode-style';\n document.head.appendChild(style);\n }\n \n // Dark mode CSS - inverts colors but preserves images/video\n style.textContent = '\n /* Invert everything except media */\n html {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #1a1a2e !important;\n }\n \n /* Restore images, videos, iframes, canvas */\n img, video, iframe, canvas, svg, picture, [style*=\"background-image\"] {\n filter: invert(1) hue-rotate(180deg) !important;\n }\n \n /* Preserve specific elements that should not be inverted */\n .no-dark-mode, .no-dark-mode *,\n [data-theme=\"light\"], [data-theme=\"light\"],\n .ace_editor, .ace_editor *,\n .CodeMirror, .CodeMirror *,\n .monaco-editor, .monaco-editor *,\n .markdown-body pre, .markdown-body pre *,\n .highlight, .highlight *,\n pre code, pre code * {\n filter: none !important;\n }\n \n /* Fix common UI elements */\n .modal, .popup, .dropdown-menu, .tooltip, .popover {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #2d2d44 !important;\n border-color: #444 !important;\n }\n \n /* Scrollbars */\n ::-webkit-scrollbar { background: #1a1a2e !important; }\n ::-webkit-scrollbar-thumb { background: #444 !important; }\n ::-webkit-scrollbar-thumb:hover { background: #555 !important; }\n \n /* Selection */\n ::selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ::-moz-selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ';\n }\n \n function removeDarkMode() {\n var style = document.getElementById('universal-dark-mode-style');\n if (style) style.remove();\n }\n \n // Toggle with Alt+Shift+D\n document.addEventListener('keydown', function(e) {\n if (e.altKey && e.shiftKey && e.key === 'D') {\n e.preventDefault();\n enabled = !enabled;\n if (enabled) {\n applyDarkMode();\n console.log('[Universal Dark Mode] Enabled');\n } else {\n removeDarkMode();\n console.log('[Universal Dark Mode] Disabled');\n }\n }\n });\n \n // Apply on load\n applyDarkMode();\n \n // Re-apply on dynamic content\n var observer = new MutationObserver(function(mutations) {\n if (enabled && !document.getElementById('universal-dark-mode-style')) {\n applyDarkMode();\n }\n });\n observer.observe(document.head, { childList: true });\n \n console.log('[Universal Dark Mode] Loaded - Press Alt+Shift+D to toggle');\n})();", "Universal Dark Mode");
}
} catch(__e) { console.warn('[Userscript:Universal Dark Mode]', __e); }
})();
})();

Skip to content
BranchesTags
Latest commit
History
486 Commits
Folders and files
NameName
Last commit message
Last commit date
assets
assets
public
public
src
src
.gitignore
.gitignore
README.md
README.md
package-lock.json
package-lock.json
package.json
package.json
Repository files navigation
MindMate Logo
MindMate 🧠💙
Smart care. Safer lives. Stronger connections.
ReactReduxSocket.ioLeaflet

📖 About The Project
MindMate is an intelligent, compassionate web application
It is designed to support Alzheimer's patients and empower their caregivers. Managing the daily challenges of Alzheimer's requires constant attention, and MindMate bridges the gap by offering a cohesive dashboard for caregivers to monitor, assist, and care for their loved ones effectively.
From real-time geographical tracking to therapeutic memory banks, the application acts as a digital companion that ensures patients' safety while significantly reducing caregiver burnout.
MindMate Dashboard Preview
Caregiver Dashboard & Real-Time Tracking
✨ Features & Interface
We have built specific modules to tackle the everyday challenges faced by caregivers:
Location Tracking Preview

📍 Real-Time Location Tracking
Integrated Leaflet maps & Socket.io for live geolocation updates.
Smart Reminders Preview

💊 Smart Reminders
Granular scheduling for Medications and Appointments.
Memory Bank Preview

🖼️ Memory Bank
A therapeutic vault for photos, notes, and cherished milestones.
Patient Management Preview

👥 Patient Management
Easily add, edit, and oversee multiple patient profiles.
  • 🔐 Secure Authentication: Complete onboarding flows including Sign Up, Login, and Password Recovery.
🛠 Tech Stack
Frontend Framework & Libraries:
  • React 18 (Bootstrapped with Create React App)
  • React Router v7 (Dynamic client-side routing & protected routes)
  • Redux Toolkit (Global state management)
Integration & Functionality:
  • Axios (RESTful API communication)
  • Socket.io-Client (WebSockets for real-time tracking)
  • Leaflet & React-Leaflet (Interactive maps for patient location)
  • React Toastify & React Modal (Intuitive UI feedback and dialogs)
🚀 Getting Started
Follow these instructions to get a local copy of the project up and running.
Prerequisites
Make sure you have Node.js and npm installed on your machine.
  • npm

    npm install npm@latest -g
Installation
  1. Clone the repo
    git clone https://github.com/MindMate-Project/Web.git
  2. Navigate to the project directory
    cd alzheimer
  3. Install NPM packages
    npm install
  4. Setup Environment Variables
    • Create a .env file in the root directory.
    • Add your API Base URLs and other secrets (e.g., REACT_APP_API_URL=http://localhost:5000/api).
  5. Start the development server
    npm start
📂 Project Structure
src/
├── API/ # Axios instances and API route configurations
├── components/ # Reusable UI components (Auth, Dashboard, Maps, Navigation)
├── hook/ & hooks/ # Custom React hooks containing abstracted logic & API calls
├── images/ # Static graphical assets
├── pages/ # High-level layouts and routed pages
├── redux/ # Redux store, slices, and asynchronous thunks
└── utils/ # Helper functions and Route Protection wrappers

Built with ❤️ for a better tomorrow.
About
AI-Powered Platform for Alzheimer's Care — Real-Time Location Tracking, Medication Reminders, Memory Bank, and Caregiver Dashboard
web-mindmate.vercel.app/
Topics
css3html5javascript-es6reactredux-toolkit-js
Resources
Readme
Activity
Custom properties
Stars
0 stars
Watchers
0 watching
Forks
0 forks
Report repository
Releases
Packages
Contributors
Languages