Web App Dashboard for scheduling, dispatching and tracking campaigns
- Developed real-time canvasser tracking interface with MapBox and ReactJS, synchronizing map pins/popups and sidebar elements for seamless navigation. Programmed filter operations to recenter map boundaries with dynamic debounce based on filter in use. Built map to render any combination of layers including points for canvassers, lines for routes, and polygons for coverage area.
- Enhanced SASS implementation with mixins and reusable style patterns. Created modular components styled from a single classname styling, as well as composable utility classes to normalize spacing and typography while maintaining DRY principles and reducing CSS bloat.
- Restructured Redux implementation to flattening deeply nested data structures, enabling targeted updates and reducing component render cycles across decoupled components.
- Wrote responsive Data Grid component to render tables using Flexbox with hooks to customize any header or body cell's styles and click / hover events.
Supported both client or server side sorting, pagination, and toggling visibility of any column. Wrote NodeJS script to preprocess API response schemas to ease client side table and list displays with custom property names and easier data aggregations baesd on data types (numeric, dates, enums).
