Live API. Global Map. Consolidated Architecture.

EpicenterHub is a real-time seismic monitoring dashboard pulling live data from the USGS Earthquake API. This project showcases a deep architectural refactor, migrating a disjointed React+Vite application into a high-performance, strictly typed Next.js 16 production dashboard.

Core Engineering Highlights:

• Codebase Consolidation: Drastically reduced technical debt by rewriting components to replace three competing charting libraries (ApexCharts, Chart.js, D3) with a single, unified Recharts system.

• Robust State Management: Implemented a central Zustand store to manage global filters, feed periods, and map interactions—completely eliminating prop-drilling.

• Enterprise Data Fetching: Replaced fragile hand-rolled useEffect hooks with React Query, unlocking stale-while-revalidate caching, background refetching, and automated retry policies.

• Strict API Type Safety: Fully typed the complex, deeply nested USGS GeoJSON API surface to eliminate implicit 'any' states, catching malformed coordinates and null values at compile time before they ever hit the map layer. Built to handle high information density without sacrificing rendering speeds or layout coherence.