react-material-admin icon indicating copy to clipboard operation
react-material-admin copied to clipboard

A simple responsive admin template using react and material-ui

React Material-UI Admin Template

React-Material-Admin

CircleCI

This is a simple responsive admin template using React and Material-UI components.

using create-react-app react-scripts to start.

This is the very first version, feel free to use for any app. Contributions are always welcome!

Demo

You can find a demo here.

Installation / Running

for dev

git clone <repository-url>

# change into the new directory
npm install

npm start # will run the app

# Visit the app at http://localhost:3000

for test

npm run test

for Production

npm run build

cd build

# start a static server serving ./build dir, eg node serve/http-server or serve in express using express.static
serve -s build

Docs

  • compile & build & test

    check the create-react-app react-scripts doc for more information.

  • material-ui

    https://material-ui.com

    update material-ui from v3 to v4 migration to v4

    if you are using some material-ui 0.x version, you could check this docs for migration migration-from-v0-x

  • css

    material-ui is using jss css-in-js for styling solution.

  • react-router

    now switch to version 4.x, it's a complete rewrite from the previous react-router version. https://reacttraining.com/react-router/web/example/basic

  • eslint using eslint for js/react code lint. using prettier for code styling

    npm run lint will show the lint result.

Others

Thanks to rafaelhz's template. This repo first use the latest react (16.x) & material-ui (3.x) version and create-react-app to rewrite the admin template.

License

MIT