Newzik Front-end Project

The Front-end project for the Third-party Login Plugin

• Applied latest all techincal(Webpack, lazy load, connect-redux-router ...)

All Lib Devdependencies

• npm i -save-dev @types/classnames @types/history @types/lodash @types/node @types/react @types/react-dom @types/react-redux @types/react-router @types/redux-actions @types/webpack @types/webpack-env @babel/core @types/enzyme @types/enzyme-adapter-react-16 @types/intl @types/jest @types/opentype.js @types/react-intl @types/react-router-dom @types/redux-form @types/redux-immutable @types/redux-mock-store @types/reselect axios babel-loader cross-env css-loader enzyme extract-text-webpack-plugin enzyme-adapter-react-16 file-loader font-awesome html-loader html-webpack-plugin lodash mini-css-extract-plugin normalizr prettier redux-devtools-extension redux-mock-store style-loader ts-loader tslint-react typescript url-loader webpack webpack-cleanup-plugin webpack-cli webpack-dev-server immutable bootstrap-scss classnames cors dotenv-webpack history intl jest node-sass react-intl reselect sass-loader ts-jest tslint tslint-config-airbnb terser-webpack-plugin optimize-css-assets-webpack-plugin
• npm i --save-dev bookstrap
• npm i -save-dev @material-ui/core (test)
• npm i -save-dev bootstrap flag-icon-css reactstrap
• npm i -save-dev @coreui/coreui @coreui/coreui-plugin-chartjs-custom-tooltips @coreui/icons @coreui/react

All Lib dependencies

• npm install -save react react-dom react-redux react-router react-router-dom react-router-redux redux redux-actions redux-form redux-immutable redux-saga

Technical Applied

• React & Redux saga, redux form & Typescript
• Multiple language : react-intl
• Router : connected-react-router , react-router-dom
• React lazy load
• Webpack >= 4
• scss, bookstrap
• Config Multiple Environment (cross-env)
• axios : GET,SET,PUT,PATCH for API
• reselect get data from redux store
• Immutable record

Setup

-- Need download and run API node js : https://github.com/HeroTran/Node-API-Authentication

- Install web app dependencies:

$ npm install

## Running

• Start web app:

$ npm start

## Build

$ npm run build

## Troubleshooting

• Try to remove node_modules folder and run "npm install" again

# License

MIT