Fullstack_MERN_adminDashboard (Dev)

Requirement

• Package Nodejs installing global/spesific directory
• Package React installing global/spesific directory
• Mongodb

Setup

• clone this repository
• enter the repository directory
• cd dashDev-api
• setting your name database on dashDev-api/config/databases.js
• npm install && npm start
• open new terminal
• cd ..
• cd dashDev-react-app && npm install && npm start
• default routing /log_in || /register

Node.js modules used in this (DashDev-api)

"dependencies": {
    "bcrypt": "^4.0.1",
    "body-parser": "^1.19.0",
    "cookie-parser": "^1.3.5",
    "cors": "^2.8.5",
    "express": "^4.17.1",
    "express-validation": "^0.4.4",
    "joi": "^6.6.1",
    "jsonwebtoken": "^8.5.1",
    "mongoose": "^5.9.12",
    "morgan": "^1.10.0"
}

Node.js modules used in this (DashDev-react-app)

"dependencies": {
    "@material-ui/core": "^3.9.4",
    "@mdi/font": "^3.5.95",
    "bootstrap": "^4.4.1",
    "classnames": "^2.2.6",
    "chalk": "^2.4.2",
    "dotenv": "^6.2.0",
    "dotenv-expand": "4.2.0",
    "file-loader": "^3.0.1",
    "fs-extra": "^7.0.1",
    "identity-obj-proxy": "3.0.0",
    "immutability-helper": "^3.0.2",
    "jest": "^24.1.0",
    "jest-pnp-resolver": "^1.2.0",
    "jest-resolve": "^24.1.0",
    "lodash.range": "^3.2.0",
    "mdi-react": "^5.2.0",
    "mini-css-extract-plugin": "^0.5.0",
    "moment": "^2.25.3",
    "optimize-css-assets-webpack-plugin": "5.0.1",
    "pnp-webpack-plugin": "^1.6.4",
    "postcss-flexbugs-fixes": "4.1.0",
    "postcss-loader": "3.0.0",
    "postcss-preset-env": "^6.6.0",
    "postcss-safe-parser": "4.0.1",
    "prop-types": "^15.7.2",
    "rc-notification": "^3.3.1",
    "react": "^16.13.1",
    "react-app-polyfill": "^0.2.1",
    "react-color": "^2.18.1",
    "react-data-grid": "^6.0.2-0",
    "react-dev-utils": "^7.0.3",
    "react-dnd-html5-backend": "^7.0.2",
    "react-dotdotdot": "^1.2.3",
    "react-redux": "^6.0.1",
    "react-router": "^4.3.1",
    "react-router-dom": "^4.3.1",
    "react-dom": "^16.13.1",
    "react-smooth-scrollbar": "^8.0.6",
    "react-sticky": "^6.0.3",
    "react-scripts": "3.4.1",
    "react-vis": "^1.11.6",
    "reactstrap": "^7.1.0",
    "redux": "^4.0.5",
    "redux-form": "^8.3.5",
    "resolve": "^1.17.0",
    "smooth-scrollbar": "^8.5.2",
    "style-loader": "^0.23.1",
    "terser-webpack-plugin": "^1.2.3",
    "text-mask-addons": "^3.8.0",
    "url-loader": "^1.1.2",
    "jwt-decode": "^2.2.0",
    "is-empty": "^1.2.0",
    "redux-thunk": "^2.3.0",
    "axios": "^0.18.0",
    "bfj": "6.1.1",
    "react-select": "^2.3.0"
},
"devDependencies": {
    "@babel/core": "^7.9.6",
    "@svgr/webpack": "^4.1.0",
    "babel-core": "^6.26.3",
    "babel-eslint": "^10.1.0",
    "babel-jest": "^24.1.0",
    "babel-loader": "^8.1.0",
    "babel-plugin-named-asset-import": "^0.3.6",
    "babel-preset-react-app": "^7.0.1",
    "babel-runtime": "6.26.0",
    "case-sensitive-paths-webpack-plugin": "^2.3.0",
    "css-loader": "^2.1.0",
    "eslint": "^5.15.0",
    "eslint-config-airbnb": "^17.1.0",
    "eslint-config-react-app": "^3.0.7",
    "eslint-loader": "^2.1.2",
    "eslint-plugin-flowtype": "^3.4.2",
    "eslint-plugin-import": "^2.20.2",
    "eslint-plugin-jsx-a11y": "^6.2.1",
    "eslint-plugin-react": "^7.19.0",
    "node-sass": "^4.14.1",
    "react-hot-loader": "^4.12.21",
    "sass-loader": "^7.1.0",
    "webpack": "^4.43.0",
    "webpack-dev-server": "^3.10.3",
    "webpack-manifest-plugin": "2.0.4",
    "workbox-webpack-plugin": "^4.0.0"
},