How yuvanshankar9080-alt/superman works
Suraksha Campus is a role-aware school emergency-management dashboard. Users navigate to a response area, configure campus exits and assembly points, coordinate evacuation and track staff and students, or manage alerts and SOS requests. Its broader dashboard also provides disaster monitoring, India disaster information and news, safety guides, messaging, profiles and settings. The shared React context holds app and emergency state; the supplied excerpts show in-app state and mock data, not a backend or live external dispatch integration.
Main entry points: App.tsx Page dispatcher · AppContext.tsx Shared app state · InteractiveCampusMap.tsx Interactive campus map · mockData.ts Mock data
Components 24
Application shell
- App entry
src/main.tsx - Page dispatcher
src/App.tsx - Role navigation
src/components/layout/Sidebar.tsx - Emergency controls
src/components/layout/TopNavigation.tsx - Role switching
src/components/common/RoleSwitcherModal.tsx - Shared app state
src/context/AppContext.tsx - User profile
src/pages/ProfilePage.tsx - App settings
src/pages/SettingsPage.tsx
Campus response
- Emergency dashboard
src/pages/DashboardPage.tsx - Campus map setup
src/pages/SchoolMapPage.tsx - Interactive campus map
src/components/map/InteractiveCampusMap.tsx - Evacuation management
src/pages/EvacuationPage.tsx - Evacuation report
src/components/evacuation/EvacuationReportModal.tsx - SOS response
src/pages/SosPage.tsx - Alert management
src/pages/AlertManagementPage.tsx
People and communication
- Student tracking
src/pages/StudentTrackingPage.tsx - Teacher tracking
src/pages/TeacherTrackingPage.tsx - Campus messaging
src/pages/MessagingPage.tsx
Disaster information
- Disaster monitoring
src/pages/DisasterMonitoringPage.tsx - India disaster info
src/pages/IndiaDisasterInfoPage.tsx - Disaster news
src/pages/DisasterNewsPage.tsx - Safety guides
src/pages/DisasterSafetyGuidesPage.tsx - Mock data
src/data/mockData.ts
Other components
- Campus user
Connections 42
- Campus user → App entry: opens app
src/main.tsx - App entry → Page dispatcher: renders
src/main.tsx - Page dispatcher → Shared app state: provides state
src/App.tsx - Page dispatcher → Role navigation: renders
src/App.tsx - Page dispatcher → Emergency controls: renders
src/App.tsx - Page dispatcher → Emergency dashboard: dispatches page
src/App.tsx - Page dispatcher → Campus map setup: dispatches page
src/App.tsx - Page dispatcher → Evacuation management: dispatches page
src/App.tsx - Page dispatcher → SOS response: dispatches page
src/App.tsx - Page dispatcher → Alert management: dispatches page
src/App.tsx - Page dispatcher → Student tracking: dispatches page
src/App.tsx - Page dispatcher → Teacher tracking: dispatches page
src/App.tsx - Page dispatcher → Disaster monitoring: dispatches page
src/App.tsx - Page dispatcher → India disaster info: dispatches page
src/App.tsx - Page dispatcher → Disaster news: dispatches page
src/App.tsx - Page dispatcher → Campus messaging: dispatches page
src/App.tsx - Page dispatcher → Safety guides: dispatches page
src/App.tsx - Page dispatcher → User profile: dispatches page
src/App.tsx - Page dispatcher → App settings: dispatches page
src/App.tsx - Emergency controls → Role switching: opens
src/components/layout/TopNavigation.tsx - Role navigation → Shared app state: reads state
src/components/layout/Sidebar.tsx - Role switching → Shared app state: updates role
src/components/common/RoleSwitcherModal.tsx - Emergency controls → Shared app state: controls
src/components/layout/TopNavigation.tsx - Emergency dashboard → Shared app state: reads state
src/pages/DashboardPage.tsx - Emergency dashboard → Interactive campus map: renders map
src/pages/DashboardPage.tsx - Campus map setup → Shared app state: updates map state
src/pages/SchoolMapPage.tsx - Campus map setup → Interactive campus map: renders map
src/pages/SchoolMapPage.tsx - Campus map setup → Mock data: reads default map
src/pages/SchoolMapPage.tsx - Evacuation management → Shared app state: reads and updates
src/pages/EvacuationPage.tsx - Evacuation management → Interactive campus map: renders map
src/pages/EvacuationPage.tsx - Evacuation management → Evacuation report: opens report
src/pages/EvacuationPage.tsx - SOS response → Shared app state: submits request
src/pages/SosPage.tsx - Alert management → Shared app state: reads and updates
src/pages/AlertManagementPage.tsx - Student tracking → Shared app state: reads tracking state
src/pages/StudentTrackingPage.tsx - Student tracking → Interactive campus map: renders map
src/pages/StudentTrackingPage.tsx - Teacher tracking → Shared app state: reads tracking state
src/pages/TeacherTrackingPage.tsx - Teacher tracking → Interactive campus map: renders map
src/pages/TeacherTrackingPage.tsx - Campus messaging → Shared app state: reads and updates
src/pages/MessagingPage.tsx - India disaster info → Mock data: reads information
src/pages/IndiaDisasterInfoPage.tsx - Shared app state → Mock data: initializes from
src/context/AppContext.tsx - Disaster monitoring → Mock data: uses disaster data
- Disaster news → Mock data: uses news data