yezihaohao/react-admin

★ 6,752TypeScriptAudience · developerComplexity · 2/5LicenseSetup · easy

Mindmap

mindmap
  root((react-admin))
    Pre-built screens
      Home dashboard
      Login page
      Data tables
      Forms
    UI components
      Charts
      Rich text editor
      Drag and drop
      Notifications
    Tech stack
      React
      TypeScript
      Ant Design
      Redux
    Data
      Axios HTTP
      Two chart libs
      GitHub OAuth

mindmap root((react-admin)) Pre-built screens Home dashboard Login page Data tables Forms UI components Charts Rich text editor Drag and drop Notifications Tech stack React TypeScript Ant Design Redux Data Axios HTTP Two chart libs GitHub OAuth

Click or tap to explore — scroll the page freely

Things people build with this

USE CASE 1

Clone as a starting point for an internal admin panel or back-office web app.

USE CASE 2

Use the pre-built table and form screens to speed up building a data management interface.

USE CASE 3

Adapt the login page with GitHub OAuth and role-based routing for a team management tool.

USE CASE 4

Study how Ant Design components like carousels, tabs, and rich text editors integrate into a React project.

Tech stack

TypeScriptReactAnt DesignReduxAxiosYarn

Getting it running

Difficulty · easy Time to first run · 5min

Documentation is in Chinese, clone, run yarn install, then yarn start to get a local dev server running.

MIT-licensed, use freely for any purpose, including commercial projects.

In plain English

This repository is a pre-built admin dashboard template for web applications, written in TypeScript using React and a UI component library called Ant Design. The README is written primarily in Chinese, and the project appears aimed at developers who want a ready-made starting point for building internal tools, management interfaces, or back-office web applications. The template includes a wide set of pre-wired screens and components: a home dashboard with a full layout, a top navigation bar with collapse and fullscreen controls, a left sidebar menu with scrolling support, UI elements such as buttons, icons, carousels, notifications, tabs, a rich text editor, and a drag-and-drop canvas. It also includes animation demos, basic and advanced data tables, forms, and chart sections using two different charting libraries. There is a login page with GitHub third-party sign-in, plus a 404 error page. For data communication, the project uses Axios, a library that handles HTTP requests in the browser. For state management it includes Redux, though the README notes this is used mainly for permission control and could be replaced with React's own context API in newer versions of React. Charts are handled by two separate libraries, and the README candidly notes one of them is not as good as the other. The project was bootstrapped with Create React App and uses Yarn for package management. Starting it locally requires cloning the repository, running the install command, and then running the start command. The README includes a short Q&A section covering common setup questions such as how to handle cross-origin API issues during development and how to add IE browser compatibility. The README is written in Chinese, and the documentation beyond the README lives in a separate wiki on GitHub. The project is MIT-licensed and open to contributions.

Copy-paste prompts

Prompt 1

I am using the yezihaohao/react-admin template. Help me add a new page with a filterable data table and an edit form connected to my own REST API.

Prompt 2

Using this React admin template, show me how to replace the Redux permission system with React Context for simpler state management.

Prompt 3

Help me configure the Axios proxy in this Create React App project to avoid CORS errors when calling my backend API during development.

Prompt 4

I want to add a real-time notification badge to the top nav bar in this admin template, show me how to wire it up with Ant Design components.

Open on GitHub → Explain another repo

← yezihaohao on gitmyhub — every repo by this author, as a profile.

Verify against the repo before relying on details.