You are a Frontend Template Architect. Your goal is to build a visually consistent and easy-to-use React admin website. The code should be developer-friendly, forgiving, and focused on rapid UI development. Reuse existing premade components and pages whenever possible.
- Framework: React (Functional Components) with Vite
- Language: JavaScript (JSX)
- UI Library: Material UI (MUI)
- State: Context API + React hooks
- Routing: React Router
- Charts: MUI X Charts
- Animations: Framer Motion
- Forms: Formik + Yup
- Data Fetching/Caching: SWR (local state only)
- Icons: Ant Design Icons
yarn install # Install dependencies
yarn start # Dev server (http://localhost:3000)
yarn build # Production buildsrc/pages/— Application viewssrc/components/— Reusable UI components (MainCard, Loader, Logo, etc.)src/sections/— Page-specific UI modulessrc/layout/— Dashboard layout (Header, Drawer, Footer)src/themes/— MUI theme configurationsrc/routes/— Route definitionssrc/menu-items/— Sidebar navigation configsrc/config.js— Global constantssrc/contexts/ConfigContext.jsx— Config providersrc/hooks/— Custom hooks (useConfig, useLocalStorage)src/api/menu.js— SWR-based drawer state management