React/Redux Admin Dashboard SPA

Overview

A React single-page admin dashboard wired to a Redux store with reactive side-effect handling, JWT session decoding, and persisted state. The front-end half of an internal admin tooling pair.

Why It Exists

The companion UI to adminuse-api, a management console needing authenticated views, paginated data tables, and form-driven CRUD over the API.

What We Built

A React 16 SPA structured under src/public, using Redux with redux-thunk and redux-observable/RxJS for async epics, redux-persist (with transform filters) for state hydration, React Router (with react-router-redux), and an AdonisJS WebSocket client for live updates. UI building blocks include react-select, react-paginate, react-number-format, and moment-timezone, with a LESS/Sass styling pipeline and a Dockerized build.

Technologies & Approach

Create-React-App tooling, Redux + RxJS reactive epics, JWT decoding via jwt-decode, cookie/session handling, and Docker packaging, a typical late-2010s production React/Redux stack.

Outcome / Impact

Completed the internal admin tool alongside the AdonisJS API, demonstrating a full authenticated React/Redux dashboard.

Capabilities Demonstrated

• Redux + RxJS reactive front-end architecture
• JWT-authenticated, persisted-state SPAs
• Containerized React build and deployment