How claudioromanosp/react-admin works
This is a client-side React admin dashboard: a visitor opens the app, the shared shell routes them to dashboard, management, analytics, calendar, or form screens, and those screens render summaries and interactive views. The dashboard combines mock transaction data, statistics, and reusable charts; other documented pages include team, contacts, invoices, FAQ, and geography. The form validates user details but only logs submitted values, and calendar events are held in component state. Several scene implementations were not sampled, so their internal wiring is not asserted.
Main entry points: App.js App router · dashboard/index.jsx Dashboard · mockData.js Mock data · BarChart/index.jsx Bar chart
Components 25
App shell
- React entry
src/index.js - App router
src/App.js - Topbar
src/scenes/global/Topbar.jsx - Sidebar
src/scenes/global/Sidebar.jsx - Theme mode
src/theme.js
Dashboard and data
- Dashboard
src/scenes/dashboard/index.jsx - Mock data
src/data/mockData.js - Stat widgets
src/components/StatBox/index.jsx - Progress widget
src/components/ProgressCircle/index.jsx
Management pages
Charts and insights
- Bar chart
src/components/BarChart/index.jsx - Line chart
src/components/LineChart/index.jsx - Pie chart
src/components/PieChart/index.jsx - Geography chart
src/components/GeographyChart/index.jsx - Bar analytics
src/scenes/bar/index.jsx - Line analytics
src/scenes/line/index.jsx - Pie analytics
src/scenes/pie/index.jsx - Geography analytics
src/scenes/geography/index.jsx - Geo features
src/data/mockGeoFeatures.js
Other components
- Visitor
Connections 31
- Visitor → React entry: opens
- React entry → App router: renders
- App router → Topbar: renders
- App router → Sidebar: renders
- App router → Theme mode: uses mode
- App router → Dashboard: routes to
- App router → Team: routes to
- App router → Contacts: routes to
- App router → Invoices: routes to
- App router → User form: routes to
- App router → Bar analytics: routes to
- App router → Line analytics: routes to
- App router → Pie analytics: routes to
- App router → Geography analytics: routes to
- App router → Calendar: routes to
- App router → FAQ: routes to
- Dashboard → Mock data: reads
- Dashboard → Stat widgets: renders
- Dashboard → Progress widget: renders
- Dashboard → Line chart: renders
- Dashboard → Bar chart: renders
- Dashboard → Geography chart: renders
- Team → Mock data: reads
- Bar analytics → Bar chart: renders
- Line analytics → Line chart: renders
- Pie analytics → Pie chart: renders
- Geography analytics → Geography chart: renders
- Geography chart → Geo features: reads features
- Bar chart → Mock data: reads
- Line chart → Mock data: reads
- Pie chart → Mock data: reads