Material Kit React + Mod

Material Kit React is a Free Material-UI v4.1.0 Kit with a new and fresh design inspired by Google's material design. You asked for it, so we made it. It's a pleasure to introduce you to the concept of materials in a set of easy-to-use and beautiful components. Along with rearranging Material-UI elements, you'll find three sample pages with full code, to help you design your next project. The Material Kit React makes use of light, surfaces and motion. It uses intentional color choices, edge-to-edge imagery and large-scale typography. The general layout resembles a sheet of paper following several different layers, so that depth and regularity are evident. The main navigation remains on the left and the actions on the right. This new design has elements of research on ink and paper and the way objects and materials interact in real life. The result is a beautiful, consistent set of elements that can help you get started on your next project. Material Kit React is a great tool if you want to create a web presence for your Android app and need consistent, visually similar elements to leave the impression. It's also a great resource on its own, looks pretty and helps you build your web pages. Material Kit React uses an amazing framework that can give us advantages such as material effects, animations, ripples and transitions. This template has been previously published on the website Creative Tim.
MIT - Copyright (c) 2018 Creative Tim. Material Kit React is built on top of Material UI using create-react-app. The original features in this free version of the template before being modified are as follows : The process of modifying this template includes the following technologies in its configuration : The process of modifying this template includes the following technologies in its configuration : I'm assuming you'll start by downloading this original template using the download button at the end of this article. Alright, let's get straight to the point!. Start the local server. I happen to be using XAMPP. You can use other local servers like; WAMP, MAMP, Wordpress or Node.js, or others. it means everything is going perfectly. FINISHED !. Password : nickgenom.com this file was uploaded using an external service
Original Source
Licence
Feature
Main Technology
Modification
Template Repair
[HMR] Waiting for update signal from WDS...
0.chunk.js:232724 Download the React DevTools for a better development experience: https://fb.me/react-devtools
0.chunk.js:208008 Warning: componentWillReceiveProps has been renamed, and is not recommended for use. See https://fb.me/react-unsafe-component-lifecycles for details.
Move data fetching code or side effects to componentDidUpdate.
If you're updating state whenever props change, refactor your code to use memoization techniques or move it to static getDerivedStateFromProps. Learn more at: https://fb.me/react-derived-state
Rename componentWillReceiveProps to UNSAFE_componentWillReceiveProps to suppress this warning in non-strict mode. In React 17.x, only the UNSAFE_ name will work. To rename all deprecated lifecycles to their new names, you can run "npx react-codemod rename-unsafe-lifecycles" in your project source folder.
Please update the following components: DateTime, ReactSwipableView
printWarning @ 0.chunk.js:208008
Guidelines and Preparation for use
npm install
npm start
npm run install:clean
this will remove node_modules and package-lock.json, and will automatically run the install
script and the start
script
Navigate to : http://localhost:3000
Guide to run the modified template
NOTES :
C:\Windows\system32>cd C:\xampp\htdocs\material-kit-react-modification
C:\xampp\htdocs\material-kit-react-modification>npm start
npm start
npm install
is not required!.http://localhost:3000
. If it doesn't open automatically, you can open it manually by typing in the browser url field the address http://localhost:3000
. If you get a message in the terminal like this:
C:\xampp\htdocs\material-kit-react-modification>npm start
material-kit-react@1.9.0 start C:\xampp\htdocs\material-kit-react-modification
react-scripts start
Compiled successfully!
You can now view material-kit-react in the browser.
Local: http://localhost:3000
On Your Network: http://192.168.1000.8:3000
Note that the development build is not optimized.
To create a production build, use npm run build.
Download