How yuno0997/elderly-app works
This is a facility-oriented elderly-care monitoring app: staff and relatives sign in, review resident status and live band vitals, respond to alerts, and manage residents, medications, devices, users, and reports. The React app routes role-aware screens through a shared authenticated API client to an Express backend; the backend owns endpoint handling and persists operational records in SQLite, with Firebase RTDB and SMS integrations. The graph preserves documented product areas, but several screen-to-endpoint details are unsampled and are shown only where excerpts or the README support the relationship.
Main entry points: index.js HTTP API · App.tsx App routing · api.ts API client · Dashboard.tsx Monitoring dashboard
Components 22
Web application
- App routing
src/App.tsx - Sign in
src/components/Login.tsx - API client
src/lib/api.ts
Care workflows
- Monitoring dashboard
src/components/Dashboard.tsx - Resident management
src/components/Residents.tsx - Resident onboarding
src/components/ResidentWizardModal.tsx - Device management
src/components/Devices.tsx - Medication tracking
src/components/MedicationLog.tsx - Health records
src/components/HealthRecords.tsx - Resident reports
src/components/ResidentReport.tsx - Alert simulation
src/components/AlertSimulation.tsx - User administration
src/components/Users.tsx - System management
src/components/SystemManagement.tsx - Audit log
src/components/AuditLog.tsx
Backend services
- HTTP API
server/index.js - Database setup
server/db.js
Persistence and integrations
- Operational records
- Band data bridge
server/firebaseRtdb.js - SMS delivery
server/unisms.js
Other components
- Staff or relative
- Firebase RTDB
- SMS provider
Connections 24
- Staff or relative → App routing: uses
- App routing → Sign in: renders
src/App.tsx - App routing → Monitoring dashboard: routes to
src/App.tsx - App routing → Resident management: routes to
src/App.tsx - App routing → API client: calls
src/App.tsx - Monitoring dashboard → API client: fetches
src/components/Dashboard.tsx - Resident management → API client: updates
src/components/Residents.tsx - Resident management → Resident onboarding: opens
src/components/Residents.tsx - API client → HTTP API: requests
- HTTP API → Database setup: initializes
server/index.js - Database setup → Operational records: opens
server/db.js - HTTP API → Band data bridge: reads band data
server/index.js - Band data bridge → Firebase RTDB: reads
- HTTP API → SMS delivery: sends alerts
server/index.js - SMS delivery → SMS provider: delivers
- Monitoring dashboard → HTTP API: loads vitals
- Device management → HTTP API: manages devices
- Medication tracking → HTTP API: tracks doses
- Health records → HTTP API: loads records
- Resident reports → HTTP API: loads report data
src/components/ResidentReport.tsx - Alert simulation → HTTP API: tests alerts
src/components/AlertSimulation.tsx - User administration → HTTP API: manages users
- System management → HTTP API: configures system
- Audit log → HTTP API: loads audit logs