Admin Portal for a Golf-Handicap Management Platform
Overview
A feature-rich React admin portal for a golf-handicap / sports-association management platform. It provides back-office operators with data tables, mapping, rich-text editing, and bulk import/export tooling.
The Challenge
Administering a large membership and scoring system demands a dense, reliable back-office UI: filterable tables, geospatial views, document editing, and robust form validation, all wired to a stateful client that tolerates large datasets and intermittent edits without losing work.
What We Built
A React + Redux single-page admin application. State is managed with Redux,
Redux Thunk, and Redux Persist (with connected-react-router for routing-aware
state). Forms use Redux Form with validators; rich text is handled via Draft.js and
react-draft-wysiwyg with HTML export. Data presentation relies on react-table,
react-select, react-picky, react-datepicker, and custom scrollbars, while
google-map-react adds mapping. Bulk workflows are supported by react-dropzone
uploads, react-csv export, and fast-xml-parser for XML payloads, with
JWT-based auth (jwt-decode, universal-cookie). A staging environment is
configured separately.
Technologies & Approach
The Redux ecosystem provides predictable state for a data-dense admin tool, and Redux Persist guards against lost edits. Draft.js covers rich content; the table, select, and date-picker libraries assemble a productive operator UI without a heavyweight component framework.
Outcome / Impact
A comprehensive operational admin portal proving fluency in complex React/Redux state management, rich-text and form-heavy workflows, and bulk data import/export.
Capabilities Demonstrated
- Data-dense back-office / admin dashboards
- Advanced React/Redux state management and persistence
- Rich-text editing and validated form workflows
- Map integration plus CSV/XML import and export