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