22
33![ license] ( https://img.shields.io/badge/license-MIT-blue.svg )
44
5- [ ![ Material Kit - React] ( https://github.com/devias-io/material-kit-react/blob/main/public/static /thumbnail.png )] ( https://material-kit-react.devias.io/ )
5+ [ ![ Material Kit - React] ( https://github.com/devias-io/material-kit-react/blob/main/public/assets /thumbnail.png )] ( https://material-kit-react.devias.io/ )
66
77> Free React Admin Dashboard made with [ MUI's] ( https://mui.com/?ref=devias-io )
88> components, [ React] ( https://reactjs.org/?ref=devias-io ) and of
1212## Demo
1313
1414- [ Dashboard Page] ( https://material-kit-react.devias.io )
15- - [ Users Page] ( https://material-kit-react.devias.io/customers )
16- - [ Products Page] ( https://material-kit-react.devias.io/products )
17- - [ Register Page] ( https://material-kit-react.devias.io/register )
18- - [ Login Page] ( https://material-kit-react.devias.io/login )
15+ - [ Companies Page] ( https://material-kit-react.devias.io/companies )
16+ - [ Customers Page] ( https://material-kit-react.devias.io/customers )
1917- [ Account Page] ( https://material-kit-react.devias.io/account )
2018- [ Settings Page] ( https://material-kit-react.devias.io/settings )
19+ - [ Login Page] ( https://material-kit-react.devias.io/auth/login )
20+ - [ Register Page] ( https://material-kit-react.devias.io/auth/register )
2121
2222## Free Figma Community File
2323
2828We also have a pro version of this product which bundles even more pages and components if you want
2929to save more time and design efforts :)
3030
31- | Free Version (this one) | [ Material Kit Pro - React] ( https://material-ui.com/store/items/devias-kit-pro/ ) |
32- | ----------------------------------| :----------------------------------------------------------- |
33- | ** 9** Demo Pages | ** 40+** demo pages
34- | ✔ Authentication with ** Zalter** | ✔ Authentication with ** Amplify** , ** Auth0** , ** JWT** and ** Firebase**
35- | - | ✔ Dark & light mode
36- | - | ✔ TypeScript version - for Standard Plus and Extended license
37- | - | ✔ Design files (sketch & figma) - for Standard Plus and Extended license
38- | - | ✔ Complete users flows
31+ | Free Version (this one) | [ Material Kit Pro - React] ( https://mui.com/store/items/devias-kit-pro/ ) |
32+ | -------------------------| :-------------------------------------------------------------------------|
33+ | ** 9** Demo Pages | ** 40+** demo pages
34+ | ✔ Mocked Authentication | ✔ Authentication with ** Amplify** , ** Auth0** , ** JWT** and ** Firebase**
35+ | - | ✔ Dark & light mode
36+ | - | ✔ CRA version
37+ | - | ✔ TypeScript version - for Standard Plus and Extended license
38+ | - | ✔ Design files (sketch & figma) - for Standard Plus and Extended license
39+ | - | ✔ Complete users flows
3940
4041## Quick start
4142
@@ -51,34 +52,14 @@ to save more time and design efforts :)
5152
5253- Views are on: ` localhost:3000 `
5354
54- ## Setup authentication (optional)
55-
56- 1 . Sign in on ** Zalter Dashboard** (https://dashboard.zalter.com ) and create your ** Zalter project** .
57-
58- 2 . Open your project settings and activate ** Email Magic Link** authentication.
59- This authentication method requires ` redirect URIs ` setup, so while in development you need to add ` http://localhost:3000/sign-in/confirm ` .
60- For production replace ` localhost:3000 ` with your own domain.
61-
62- 3 . Copy ` .env.example ` file and rename it to ` .env `
63-
64- 4 . Open ` .env ` file and enable the Zalter authentication, then set your own Zalter project ID.
65-
66- ``` bash
67- NEXT_PUBLIC_ENABLE_ZALTER_AUTH=" true"
68- NEXT_PUBLIC_ZALTER_PROJECT_ID=" <your-project-id>"
69- ```
70-
71- For more information about Zalter Authentication access https://developer.zalter.com .
72-
7355## File Structure
7456
7557Within the download you'll find the following directories and files:
7658
7759```
7860material-kit-react
7961
80- ┌── .env.example
81- ├── .eslintrc.json
62+ ┌── .eslintrc.json
8263├── .gitignore
8364├── CHANGELOG.md
8465├── LICENSE.md
@@ -87,26 +68,28 @@ material-kit-react
8768├── README.md
8869├── public
8970└── src
90- ├── __mocks__
9171 ├── components
92- ├── icons
93- ├── lib
72+ ├── contexts
73+ ├── guards
74+ ├── hocs
75+ ├── hooks
76+ ├── layouts
77+ ├── sections
9478 ├── theme
9579 ├── utils
9680 └── pages
9781 ├── 404.js
9882 ├── _app.js
9983 ├── _document.js
10084 ├── account.js
85+ ├── companies.js
10186 ├── customers.js
10287 ├── index.js
103- ├── index.js
10488 ├── products.js
105- ├── register.js
10689 └── settings.js
107- └── sign-in
108- ├── confirm .js
109- └── index .js
90+ └── auth
91+ ├── login .js
92+ └── register .js
11093```
11194
11295## Resources
0 commit comments