Editorial Admin Dashboard (React / Material-UI)
An influencer-marketing media-intelligence platform
Overview
The single-page back-office dashboard for the media-intelligence platform, built on React with Material-UI. It gives editors a console to log in and manage the articles, feeds, and notifications that the product surfaces, talking to the AdonisJS admin API.
The Challenge
The editorial team needed a responsive, component-driven admin console, login, dashboards, and CRUD views for articles and feeds, decoupled from the API and quick to extend with new management screens.
What We Built
A React SPA based on the Material Dashboard React foundation, customized into the product’s admin console. Views include Login, Dashboard, Articles, Feeds, Notifications, and UserProfile, backed by an axios service layer and jsonwebtoken for auth. A reusable component library (Cards, CustomInput/Buttons, Tabs, Dialogs, Tables, Navbars, Sidebar, Snackbar) and a JSS theming layer under assets/jss keep the UI consistent. Routing is handled with react-router-dom, with charts (chartist), date handling (moment), and maps (react-google-maps) available for richer views.
Technologies & Approach
React with react-scripts, Material-UI (core/icons/lab), JSS-based styling, and a thin axios service layer against the admin API. Built on a proven dashboard template to accelerate delivery, then tailored to the platform’s content-management workflows.
Outcome / Impact
Delivered the operational front-end for the platform’s back office, letting the team manage editorial content and feeds through a clean, themeable SPA that paired with the AdonisJS API.
Capabilities Demonstrated
- Building a JWT-authenticated React admin SPA
- Customizing a Material-UI dashboard system into product-specific workflows
- Component-driven UI with a reusable design-system layer
- Front-end/back-end separation with an axios service tier