Disaster Preparedness Hub: Real-Time Crisis Management & Risk Assessment Platform
An interactive civic resilience platform delivering real-time meteorological alerts, dynamic household risk scoring, and regional historical incident analytics.
The Challenge & Engineering Friction
The Technical Solution & Architecture
Core Architectural Decisions
Asynchronous Telemetry & Resilient State Layer
Orchestrates OpenWeatherMap API data fetching using Axios and TanStack Query with defensive error boundary handling, background interval synchronization, and browser localStorage caching for critical emergency supply inventories.
Accessible Design System & Performance Optimization
Built on Shadcn UI and Radix UI primitives styled with Tailwind CSS, utilizing route-level code splitting with React.lazy and Suspense across 10 specialized sub-routes to guarantee rapid First Contentful Paint (FCP) under constrained emergency networks.
Client-Side Analytical & Evaluation Engine
Custom mathematical risk calculation matrix executing instant client-side scoring without server roundtrips, paired with responsive Recharts vector data rendering for historical incident analytics.
