How daiki0918/cosmocare works
CosmoCare is a chapel guest-assistance platform: customers sign in, submit and track service requests, while staff manage requests and administrators oversee services, accounts, reports, and support. The frontend routes users by role and uses a shared API client; sampled files show its HTTP calls, but backend internals and storage relationships are not visible in the excerpts, so the API-to-server link is left unverified.
Main entry points: App.jsx App Router · AdminDashboard.jsx Admin Workspace · api.js API Client · CustomerHomes.jsx Request & Tracking
Components 17
Role Routing
- App Router
frontend/src/App.jsx
Guest Assistance
- Customer Login
frontend/src/pages/customer/CustomerLogin.jsx - Request & Tracking
frontend/src/pages/customer/CustomerHomes.jsx - Help Chat
frontend/src/CustomerHelpChat.jsx
Staff Operations
- Staff Login
frontend/src/pages/staff/StaffLogin.jsx - Staff Workspace
frontend/src/pages/staff/StaffDashboard.jsx
Administration
- Admin Login
frontend/src/pages/admin/LoginPage.jsx - Admin Workspace
frontend/src/pages/admin/AdminDashboard.jsx - Staff Accounts
frontend/src/pages/admin/StaffAccounts.jsx - Reports
frontend/src/pages/admin/Reports.jsx - Activity Logs
frontend/src/pages/admin/ActivityLogs.jsx - Admin Settings
frontend/src/pages/admin/AdminSettings.jsx
Shared Client
- Sound Control
frontend/src/RequestSoundControl.jsx - Request Chime
frontend/src/requestSound.js - API Client
frontend/src/api.js - Backend Server
backend/server.js
Other components
- User
Connections 23
- User → App Router: opens app
- App Router → Customer Login: routes to
frontend/src/App.jsx - App Router → Request & Tracking: routes to
frontend/src/App.jsx - App Router → Staff Login: routes to
frontend/src/App.jsx - App Router → Staff Workspace: routes to
frontend/src/App.jsx - App Router → Admin Login: routes to
frontend/src/App.jsx - App Router → Admin Workspace: routes to
frontend/src/App.jsx - Customer Login → API Client: authenticates via
frontend/src/pages/customer/CustomerLogin.jsx - Staff Login → API Client: authenticates via
frontend/src/pages/staff/StaffLogin.jsx - Admin Login → API Client: authenticates via
frontend/src/pages/admin/LoginPage.jsx - Request & Tracking → API Client: requests data
frontend/src/pages/customer/CustomerHomes.jsx - Request & Tracking → Help Chat: renders
frontend/src/pages/customer/CustomerHomes.jsx - Staff Workspace → API Client: manages requests
frontend/src/pages/staff/StaffDashboard.jsx - Admin Workspace → API Client: manages records
frontend/src/pages/admin/AdminDashboard.jsx - Admin Workspace → Staff Accounts: renders
frontend/src/pages/admin/AdminDashboard.jsx - Admin Workspace → Reports: renders
frontend/src/pages/admin/AdminDashboard.jsx - Admin Workspace → Activity Logs: renders
frontend/src/pages/admin/AdminDashboard.jsx - Admin Workspace → Admin Settings: renders
frontend/src/pages/admin/AdminDashboard.jsx - Staff Accounts → API Client: manages accounts
frontend/src/pages/admin/StaffAccounts.jsx - Staff Workspace → Sound Control: renders
frontend/src/pages/staff/StaffDashboard.jsx - Admin Workspace → Sound Control: renders
frontend/src/pages/admin/AdminDashboard.jsx - Sound Control → Request Chime: activates
frontend/src/RequestSoundControl.jsx - API Client → Backend Server: sends HTTP requests