#Instalation Required Node.js

cd /path/to/project npm install

#Starting in development mode

npm run start open in a browser http://localhost:3000/

#Starting in production mode

npm run start:prod open in a browser http://localhost:3000/

#Test excution

npm run test

#Comments //https://medium.com/@kswanie21/css-modules-sass-in-create-react-app-37c3152de9

npm i -g create-react-app

C:\Users\F680654\AppData\Roaming\npm\create-react-app project-name

cd project-name

//to get config folder and manage all the configurations myself npm run eject

SET SASS_BINARY_PATH=C:\Users\F680654\Downloads\node-sass-4.9.0\downloads\win32-x64-48_binding.node

npm install node-sass --save-dev npm install --save-dev sass-loader npm start

##Courses // udemy sass project https://github.com/jonasschmedtmann/advanced-css-course/tree/master/Natours/final-after-S06 // udemy react readux https://github.com/StephenGrider/ReduxCasts/tree/master/blog

//scss project https://github.com/swanie21/sass-css-modules-webpack/tree/master/src

https://www.npmjs.com/package/react-css-modules

https://github.com/tj/frontend-boilerplate

Material design

https://material.io/design/

implementation MATERIAL DESIGN LITE https://getmdl.io/showcase/index.html https://github.com/google/material-design-lite

implementation with react Material-UI https://material-ui-next.com/demos/cards/ https://github.com/mui-org/material-ui/

Webpack configs

https://webpack.js.org/loaders/css-loader/

##autoprefixer https://github.com/browserslist/browserslist#config-file http://browserl.ist/?q=

##form https://www.npmjs.com/package/validator https://github.com/react-tools/react-form

project structure

https://jaysoo.ca/2016/02/28/organizing-redux-application/ https://jaysoo.ca/2016/02/28/applying-code-organization-rules-to-concrete-redux-code/ src ├── Layout │ ├── Header │ │ ├── Logo.jsx
│ │ ├── styled.js │ │ ├── container.js │ │ └── index.js │ └── LeftPanel │ ├── LeftPanel.jsx │ ├── styled.js │ └── index.js └── index.js