finds.dev← search

// the find

ed-roh/react-admin-dashboard

★ 1,617 · JavaScript · updated Jul 2024

Complete React Admin Dashboard

A React admin dashboard built as a YouTube tutorial companion, using Material UI, Nivo charts, and MUI DataGrid. It's a frontend-only demo with hardcoded mock data — no backend, no auth, no state management beyond React context for theming. For learners following the video or looking for a starting-point skeleton.

Light/dark mode via MUI theme context is implemented cleanly in theme.js with a proper token system. Nivo chart integration (bar, line, pie, geography) gives a variety of chart types without much boilerplate. MUI DataGrid usage in the contacts/invoices/team scenes shows practical column config patterns. The scene-based folder structure is a reasonable convention for mid-size React apps.

Everything is mock data — mockData.js and mockGeoFeatures.js are the entire data layer. There is no API integration, no fetching, no loading/error states, nothing to remove before using this in a real project. No state management (no Redux, no Zustand, no React Query) and no routing guards or auth hooks, so you'd be rebuilding most of the app logic from scratch. The README is a YouTube link and a Discord invite, so if the video goes down, the documentation is gone. Last pushed mid-2024 with MUI v5; MUI v6/v7 have breaking changes in Grid and DataGrid that will hit you on upgrade.

View on GitHub →

// want more like this?

We dig through GitHub every week and send a few repos picked for what you actually care about — each with an honest take like this one.

Get finds in your inbox → Search again →