How cuk-flout/flout-admin-web works
FLOUT Admin Web is an operator console for managing flood-prevention work, from applications and field inspections through support review and construction. The routed workflow begins at the admin login, then exposes GIS applications, priority inspections, infrastructure, inspections and results, support, and construction. API-backed sections use shared authenticated transport; maps use Kakao Maps, while sampled infrastructure and inspection-result state includes browser storage. Some page implementations were not sampled, so only documented routes and indexed references are shown as relationships.
Main entry points: App.tsx Route dispatcher · client.ts Authenticated API client · useInspectionResultEditor.ts Result editor · InfrastructureManagement.tsx Infrastructure management
Components 27
Access and routing
- Route dispatcher
src/App.tsx - Admin login
src/pages/Auth/AdminLogin.tsx - Admin access guard
src/auth/RequireAdmin.tsx
Applications and inspections
- GIS applications
src/pages/GIS/GisApplications.tsx - GIS API integration
src/pages/GIS/useGisApi.ts - Priority inspections
src/pages/Priority/PriorityManagement.tsx - Inspection management
src/pages/Inspection/InspectionManagement.tsx - Inspection results
src/pages/InspectionResults/InspectionResults.tsx - Result editor
src/pages/InspectionResults/useInspectionResultEditor.ts
Support and delivery
- Infrastructure management
src/pages/Infrastructure/InfrastructureManagement.tsx - Infrastructure records
src/pages/Infrastructure/useInfrastructureData.ts - Infrastructure state model
src/pages/Infrastructure/model.ts - Infrastructure map
src/components/infrastructure/useInfrastructureMap.ts - Support management
src/pages/Support/SupportManagement.tsx - Support review
src/pages/Support/SupportReview.tsx - Support API integration
src/pages/Support/useSupportApi.ts - Construction management
src/pages/Construction/ConstructionManagement.tsx
Services and state
- Admin session
src/auth/session.ts - Authentication API
src/api/auth.ts - Authenticated API client
src/api/client.ts - GIS application API
src/api/gisApplications.ts - Priority inspection API
src/api/priorityInspections.ts - Inspection API
src/api/inspections.ts - Result browser storage
src/pages/InspectionResults/storage.ts - Kakao Maps loader
src/lib/kakao/maps.ts - Support application API
src/api/supportApplications.ts
Other components
- Admin operator
Connections 32
- Admin operator → Route dispatcher: uses console
src/App.tsx - Route dispatcher → Admin login: routes to
src/App.tsx - Route dispatcher → Admin access guard: protects routes
src/App.tsx - Admin access guard → Admin session: checks session
src/auth/RequireAdmin.tsx - Admin login → Authentication API: authenticates
- Authentication API → Admin session: sets session
src/api/auth.ts - Authenticated API client → Authentication API: refreshes session
src/api/client.ts - Route dispatcher → GIS applications: routes to
src/App.tsx - GIS applications → GIS API integration: loads applications
- GIS API integration → GIS application API: requests data
src/pages/GIS/useGisApi.ts - GIS application API → Authenticated API client: sends requests
src/api/gisApplications.ts - Route dispatcher → Priority inspections: routes to
src/App.tsx - Priority inspections → Priority inspection API: requests inspections
src/pages/Priority/PriorityManagement.tsx - Priority inspection API → Authenticated API client: sends requests
- Route dispatcher → Inspection management: routes to
src/App.tsx - Inspection management → Inspection API: manages inspections
src/pages/Inspection/InspectionManagement.tsx - Inspection API → Authenticated API client: sends requests
src/api/inspections.ts - Route dispatcher → Inspection results: routes to
src/App.tsx - Inspection results → Result editor: edits results
- Result editor → Inspection API: publishes results
src/pages/InspectionResults/useInspectionResultEditor.ts - Result editor → Result browser storage: reads and writes
- Route dispatcher → Infrastructure management: routes to
src/App.tsx - Infrastructure management → Infrastructure records: manages records
- Infrastructure records → Infrastructure state model: reads and writes
src/pages/Infrastructure/useInfrastructureData.ts - Infrastructure management → Infrastructure map: shows locations
- Infrastructure map → Kakao Maps loader: loads maps
src/components/infrastructure/useInfrastructureMap.ts - Route dispatcher → Support management: routes to
src/App.tsx - Route dispatcher → Support review: routes to
src/App.tsx - Support review → Support API integration: loads review data
src/pages/Support/SupportReview.tsx - Support API integration → Support application API: requests support data
src/pages/Support/useSupportApi.ts - Support application API → Authenticated API client: sends requests
src/api/supportApplications.ts - Route dispatcher → Construction management: routes to
src/App.tsx