← All work
Tooling · 2024

React Admin Dashboard for Content & Q&A Operations

Overview

An internal administration dashboard built on a Material-UI React kit, providing operators with content management, feeds, questions and Q&A (“ask”) flows, plus analytics-style charting.

Why It Exists

Running a content/Q&A product requires a backoffice for staff to add feeds, manage questions and answers, and monitor activity. This dashboard provides that operational surface in a single React app.

What We Built

A React (Create React App) single-page admin on the Minimal/Material-Kit foundation with MUI components, Redux Toolkit state and React Router navigation. Feature modules under src/components include addFeed, addQuestion, ask, dropdowns, dialogs, nav sections and a charting component (ApexCharts via useChart). Forms use React Hook Form, data is fetched through an apisauce-based API client, and rich-text editing uses jodit-react. A small Express layer (with CORS) and a PM2 ecosystem.config.json support serving/deployment, with CSV export and date utilities for reporting.

Technologies & Approach

React + MUI for the UI, Redux Toolkit for state, React Hook Form for inputs, ApexCharts for visualization, and apisauce for API calls; Express + PM2 for hosting. A conventional, productive admin-panel stack.

Outcome / Impact

A functional internal backoffice demonstrating fast delivery of admin tooling, content entry, Q&A management and reporting, on a modern React/MUI stack.

Capabilities Demonstrated

  • React + Material UI admin dashboard development
  • Redux Toolkit state management
  • Form-driven content/Q&A management
  • Charting, CSV export and reporting utilities
More work See all →