React frontend with Vite, OpenLayers mapping, Tailwind CSS, Redux Toolkit + Zustand state management, and Recharts charts.
The frontend uses React with Vite for a fast development cycle and optimized builds. Mapping is built on OpenLayers, chosen for its flexibility in handling multiple layers and varied geographic projections. Each data layer is an independent OpenLayers layer, with visibility and opacity controls.
State management combines Redux Toolkit for global state (user, configuration, active filters) and Zustand for the local state of the map components (viewport, active layers, selection). This separation avoids a monolithic Redux store while keeping predictability for shared data.
Tailwind CSS structures the design system with native CSS tokens. Recharts generates the comparative charts with configurable axes and interactive tooltips. The whole codebase is typed with strict TypeScript to guarantee data consistency across the visualization layers.
React with Vite for fast builds, TypeScript strict mode.
OpenLayers mapping with vector and raster layers, multiple projections.
Tailwind CSS for styling, reusable components.
State management: Redux Toolkit for global state, Zustand for local state.
Recharts visualization: real-time charts, sparklines, heatmaps.
Modular architecture with lazy loading and code splitting.
Vite, strict TypeScript
Advanced vector mapping
Dual state management
A brief, a repo, or a quick call - whatever works.