This is a Technology Assesment project.

This project developed by Alptuğ Türkiş with React JS, Webpack 5, Docker, SASS, Bootstrap CSS Framework.

Using Packages

    "@babel/core": "^7.17.8",
    "@babel/preset-env": "^7.16.11",
    "@babel/preset-react": "^7.16.7",
    "axios": "^0.26.1",
    "babel-loader": "^8.2.4",
    "bootstrap": "^5.1.3",
    "font-awesome": "^4.7.0",
    "prop-types": "^15.8.1",
    "react": "^17.0.2",
    "react-dom": "^17.0.2",
    "webpack": "^5.70.0",
    "webpack-dev-server": "^4.7.4"

Using Development Packages

    "@babel/plugin-proposal-class-properties": "^7.16.7",
    "autoprefixer": "^10.4.4",
    "babel-jest": "^27.5.1",
    "copy-webpack-plugin": "^10.2.4",
    "css-loader": "^6.7.1",
    "css-minimizer-webpack-plugin": "^3.4.1",
    "dotenv-webpack": "^7.1.0",
    "eslint": "^8.12.0",
    "eslint-config-prettier": "^8.5.0",
    "eslint-plugin-prettier": "^4.0.0",
    "eslint-plugin-react": "^7.29.4",
    "eslint-plugin-react-hooks": "^4.4.0",
    "html-webpack-plugin": "^5.5.0",
    "image-webpack-loader": "^8.1.0",
    "jest": "^27.5.1",
    "mini-css-extract-plugin": "^2.6.0",
    "node-sass": "^7.0.1",
    "postcss": "^8.4.12",
    "postcss-loader": "^6.2.1",
    "prettier": "^2.6.1",
    "react-test-renderer": "^17.0.2",
    "sass-loader": "^12.6.0",
    "style-loader": "^3.3.1",
    "webpack-cli": "^4.9.2",
    "webpack-nano": "^1.1.1"

Testing

For unit testing just run to 'npm run test'

Local Development

You can run this project 'npm i' && 'npm start' commands.

Deployment

For your local environment, you need docker package. If you' ve docker just run:

docker build -t ex1 .
docker run -d -p 3000:80 --name ex1 ex1

commands.

Live Testing

You can test on https://technology-assesments-excersize1.netlify.app/.

Enjoy 👍