2
2
3
3
![ license] ( https://img.shields.io/badge/license-MIT-blue.svg )
4
4
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/ )
6
6
7
7
> Free React Admin Dashboard made with [ MUI's] ( https://mui.com/?ref=devias-io )
8
8
> components, [ React] ( https://reactjs.org/?ref=devias-io ) and of
12
12
## Demo
13
13
14
14
- [ 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 )
19
17
- [ Account Page] ( https://material-kit-react.devias.io/account )
20
18
- [ 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 )
21
21
22
22
## Free Figma Community File
23
23
28
28
We also have a pro version of this product which bundles even more pages and components if you want
29
29
to save more time and design efforts :)
30
30
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
39
40
40
41
## Quick start
41
42
@@ -51,34 +52,14 @@ to save more time and design efforts :)
51
52
52
53
- Views are on: ` localhost:3000 `
53
54
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
-
73
55
## File Structure
74
56
75
57
Within the download you'll find the following directories and files:
76
58
77
59
```
78
60
material-kit-react
79
61
80
- ┌── .env.example
81
- ├── .eslintrc.json
62
+ ┌── .eslintrc.json
82
63
├── .gitignore
83
64
├── CHANGELOG.md
84
65
├── LICENSE.md
@@ -87,26 +68,28 @@ material-kit-react
87
68
├── README.md
88
69
├── public
89
70
└── src
90
- ├── __mocks__
91
71
├── components
92
- ├── icons
93
- ├── lib
72
+ ├── contexts
73
+ ├── guards
74
+ ├── hocs
75
+ ├── hooks
76
+ ├── layouts
77
+ ├── sections
94
78
├── theme
95
79
├── utils
96
80
└── pages
97
81
├── 404.js
98
82
├── _app.js
99
83
├── _document.js
100
84
├── account.js
85
+ ├── companies.js
101
86
├── customers.js
102
87
├── index.js
103
- ├── index.js
104
88
├── products.js
105
- ├── register.js
106
89
└── settings.js
107
- └── sign-in
108
- ├── confirm .js
109
- └── index .js
90
+ └── auth
91
+ ├── login .js
92
+ └── register .js
110
93
```
111
94
112
95
## Resources
0 commit comments