107 lines
4.2 KiB
Markdown
107 lines
4.2 KiB
Markdown
|
# React Material Admin — Material-UI Dashboard Template
|
||
|
|
|
||
|
|
Built with [React](https://facebook.github.io/react/), [Material-UI](https://material-ui.com), [React Router](https://reacttraining.com/react-router/).
|
||
|
|
**No jQuery and Bootstrap!**
|
||
|
|
|
||
|
|
**This version uses React 16.14.0, React Router v5, MaterialUI v4, built with React Hooks and React Context (No Redux)**
|
||
|
|
|
||
|
|
[View Demo](https://flatlogic.com/templates/react-material-admin/demo) | [Download](https://github.com/flatlogic/react-material-admin/archive/master.zip) | [More templates](https://flatlogic.com/templates) | [Support forum](https://flatlogic.com/forum)
|
||
|
|
|
||
|
|
[](https://flatlogic.com/admin-dashboards/react-material-admin/demo)
|
||
|
|
|
||
|
|
## Full Version
|
||
|
|
|
||
|
|
This is a limited version of [**Full React Material Admin**](https://flatlogic.com/templates/react-material-admin-full/demo) with more components, pages and theme support.
|
||
|
|
|
||
|
|
## Features
|
||
|
|
|
||
|
|
- React (**16.14.0**)
|
||
|
|
- React Hooks
|
||
|
|
- React Context
|
||
|
|
- **No jQuery and Bootstrap!**
|
||
|
|
- Mobile friendly layout (responsive)
|
||
|
|
- Create-react-app under the hood
|
||
|
|
- React Router v5
|
||
|
|
- Material-UI v4
|
||
|
|
- Modular Architecture
|
||
|
|
- CSS-in-JS styles
|
||
|
|
- Webpack build
|
||
|
|
- Stylish, clean, responsive layout
|
||
|
|
- Authentication
|
||
|
|
|
||
|
|
## Pages
|
||
|
|
|
||
|
|
We have implemented some basic pages, so you can see our template in action.
|
||
|
|
|
||
|
|
- Dashboard
|
||
|
|
- Typography
|
||
|
|
- Tables
|
||
|
|
- Notifications
|
||
|
|
- Charts
|
||
|
|
- Icons
|
||
|
|
- Maps
|
||
|
|
- Login
|
||
|
|
- Error
|
||
|
|
|
||
|
|
## Quick Start
|
||
|
|
|
||
|
|
#### 1. Get the latest version
|
||
|
|
|
||
|
|
You can start by cloning the latest version of React Dashboard on your
|
||
|
|
local machine by running:
|
||
|
|
|
||
|
|
```shell
|
||
|
|
$ git clone https://github.com/flatlogic/react-material-admin.git MyApp
|
||
|
|
$ cd MyApp
|
||
|
|
```
|
||
|
|
|
||
|
|
#### 2. Run `yarn install`
|
||
|
|
|
||
|
|
This will install both run-time project dependencies and developer tools listed
|
||
|
|
in [package.json](package.json) file.
|
||
|
|
|
||
|
|
#### 3. Run `yarn start`
|
||
|
|
|
||
|
|
Runs the app in the development mode.
|
||
|
|
|
||
|
|
Open http://localhost:3000 to view it in the browser. Whenever you modify any of the source files inside the `/src` folder,
|
||
|
|
the module bundler ([Webpack](http://webpack.github.io/)) will recompile the
|
||
|
|
app on the fly and refresh all the connected browsers.
|
||
|
|
|
||
|
|
#### 4. Run `yarn build`
|
||
|
|
|
||
|
|
Builds the app for production to the build folder.
|
||
|
|
It correctly bundles React in production mode and optimizes the build for the best performance.
|
||
|
|
|
||
|
|
The build is minified and the filenames include the hashes.
|
||
|
|
Your app is ready to be deployed!
|
||
|
|
|
||
|
|
## Support
|
||
|
|
|
||
|
|
For any additional information please go to our [**support forum**](https://flatlogic.com/forum) and raise your questions or feedback provide there. We highly appreciate your participation!
|
||
|
|
|
||
|
|
## How can I support developers?
|
||
|
|
|
||
|
|
- Star our GitHub repo :star:
|
||
|
|
- [Tweet about it](https://twitter.com/intent/tweet?text=Amazing%20dashboard%20built%20with%20NodeJS,%20React%20and%20Bootstrap!&url=https://github.com/flatlogic/react-material-template&via=flatlogic).
|
||
|
|
- Create pull requests, submit bugs, suggest new features or documentation updates :wrench:
|
||
|
|
- Follow [@flatlogic on Twitter](https://twitter.com/flatlogic).
|
||
|
|
- Subscribe to Flatlogic newsletter at [flatlogic.com](https://flatlogic.com/)
|
||
|
|
- Like our page on [Facebook](https://www.facebook.com/flatlogic/) :thumbsup:
|
||
|
|
|
||
|
|
## More from Flatlogic
|
||
|
|
|
||
|
|
- [React Native Starter](https://github.com/flatlogic/react-native-starter) - 🚀 A powerful react native starter template that bootstraps development of your mobile application
|
||
|
|
- [Sing App](https://github.com/flatlogic/sing-app) - 💥 Free and open-source admin dashboard template built with Bootstrap 4
|
||
|
|
- [Awesome Bootstrap Checkboxes & Radios](https://github.com/flatlogic/awesome-bootstrap-checkbox) - ✅ Pure css way to make inputs look prettier
|
||
|
|
- [React Dashboard](https://github.com/flatlogic/react-dashboard) - 🔥 React Dashboard - isomorphic admin dashboard template with GraphQL
|
||
|
|
- [Light Blue Dashboard](https://github.com/flatlogic/light-blue-dashboard) - 💦 Free and open-source admin dashboard template built with Bootstrap
|
||
|
|
|
||
|
|
## Premium themes
|
||
|
|
|
||
|
|
Looking for premium themes and templates? Check out more [admin dashboard templates at flatlogic.com](https://flatlogic.com/admin-dashboards).
|
||
|
|
|
||
|
|
## License
|
||
|
|
|
||
|
|
[MIT](https://github.com/flatlogic/react-material-dashboard/blob/master/LICENSE.txt).
|