Web Admin Dashboard for a Community Mobile Platform
A seaside-town tourism / community app
Overview
A web-based administration dashboard for managing the seaside-town community platform, its users, places, offers and activity, built on React with the CoreUI admin framework and connected to the AdonisJS backend.
The Challenge
The mobile app and its API needed a back-office: operators required a browser interface to review and manage users, place listings, offers and platform activity without touching the database directly.
What We Built
A single-page React admin console bootstrapped on the CoreUI free React admin template and customized for the platform. It uses React Router for navigation across admin sections, Reactstrap/Bootstrap and CoreUI components for the UI, Chart.js (via react-chartjs-2) for activity and metrics visualization, and Axios to talk to the backend API. Testing is set up with Enzyme and react-test-renderer.
Technologies & Approach
React with CoreUI, Reactstrap and Bootstrap for a ready-made, responsive admin shell, Chart.js for dashboards, and node-sass/SCSS for theming. Building on a proven admin template kept the back-office delivery fast and focused on the platform-specific management screens rather than boilerplate.
Outcome / Impact
Gave the platform operators a practical web control panel over the same data the mobile app consumed, rounding out the product into app + API + admin.
Capabilities Demonstrated
- Standing up a React admin dashboard on the CoreUI framework
- Data visualization with Chart.js for operational metrics
- Back-office CRUD tooling against a REST API
- Responsive, component-driven front-end with Reactstrap/Bootstrap