Skip to content

Latest commit

 

History

History
40 lines (32 loc) · 1.43 KB

File metadata and controls

40 lines (32 loc) · 1.43 KB

Mantis Free React Admin Template - AI Instructions

Role & Context

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.

Tech Stack

  • 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

Commands

yarn install   # Install dependencies
yarn start     # Dev server (http://localhost:3000)
yarn build     # Production build

Key Locations

  • src/pages/ — Application views
  • src/components/ — Reusable UI components (MainCard, Loader, Logo, etc.)
  • src/sections/ — Page-specific UI modules
  • src/layout/ — Dashboard layout (Header, Drawer, Footer)
  • src/themes/ — MUI theme configuration
  • src/routes/ — Route definitions
  • src/menu-items/ — Sidebar navigation config
  • src/config.js — Global constants
  • src/contexts/ConfigContext.jsx — Config provider
  • src/hooks/ — Custom hooks (useConfig, useLocalStorage)
  • src/api/menu.js — SWR-based drawer state management