Site by GTXtab

.eslintrc.js

@@ -2,6 +2,15 @@ module.exports = {
   extends: [
     '@mate-academy/eslint-config-react-typescript',
     'plugin:cypress/recommended',
+    "prettier",
+  ],
+  overrides: [
+    {
+      files: ["declarations.d.ts"],
+      rules: {
+        "no-undef": "off",
+      },
+    },
   ],
   rules: {},
 };

.prettierrc

@@ -4,8 +4,23 @@
   "tabWidth": 2,
   "trailingComma": "all",
   "jsxSingleQuote": false,
-  "printWidth": 80,
+  "printWidth": 100,
   "semi": true,
   "bracketSpacing": true,
-  "bracketSameLine": false
+  "bracketSameLine": false,
+
+  "files.autoSave": "afterDelay",
+  "files.autoSaveDelay": 500,
+  "editor.fontSize": 15,
+  "editor.tabSize": 2,
+  "editor.renderWhitespace": "boundary",
+  "editor.detectIndentation": false,
+
+  "editor.codeActionsOnSave": {
+    "source.fixAll": "always",
+    "source.fixAll.eslint": "always"
+  },
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "editor.formatOnType": true,
+  "editor.formatOnSave": true
 }

declarations.d.ts

@@ -0,0 +1,4 @@
+declare module '*.png';
+declare module '*.jpg';
+declare module '*.jpeg';
+declare module '*.gif';

package.json

@@ -13,31 +13,40 @@
     "classnames": "^2.5.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-router-dom": "^6.22.3",
+    "react-router-dom": "^6.26.1",
     "react-scripts": "5.0.1",
-    "react-transition-group": "^4.4.5"
+    "react-slick": "^0.30.2",
+    "react-swipeable": "^7.0.1",
+    "react-transition-group": "^4.4.5",
+    "slick-carousel": "^1.8.1"
   },
   "devDependencies": {
     "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
     "@mate-academy/eslint-config-react-typescript": "latest",
-    "@mate-academy/scripts": "^1.7.9",
+    "@mate-academy/scripts": "^1.9.12",
     "@mate-academy/students-ts-config": "latest",
     "@mate-academy/stylelint-config": "latest",
     "@types/node": "^16.18.80",
     "@types/react": "^18.2.55",
     "@types/react-dom": "^18.2.19",
+    "@types/react-slick": "^0.23.13",
     "cypress": "^12.17.4",
     "eslint": "^7.32.0",
+    "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-cypress": "^2.11.2",
+    "eslint-plugin-prettier": "^5.2.1",
     "gh-pages": "^6.1.1",
+    "husky": "^9.1.4",
     "mochawesome": "^7.1.3",
     "mochawesome-merge": "^4.2.0",
     "mochawesome-report-generator": "^6.2.0",
     "postcss": "^8.4.12",
-    "prettier": "^3.2.5",
-    "sass": "^1.72.0",
+    "prettier": "^3.3.3",
+    "sass": "^1.77.8",
+    "sass-loader": "^16.0.1",
     "stylelint": "^15.11.0",
-    "typescript": "5.1.6"
+    "typescript": "5.1.6",
+    "webpack": "^5.93.0"
   },
   "scripts": {
     "start": "mate-scripts start -l",
@@ -72,5 +81,20 @@
       "_comment": "Add `cypressComponents: true` to enable component tests",
       "cypress": true
     }
+  },
+  "husky": {
+    "hooks": {
+      "pre-commit": "lint-staged"
+    }
+  },
+  "lint-staged": {
+    "*.ts": [
+      "eslint --fix",
+      "prettier --write"
+    ],
+    "*.tsx": [
+      "eslint --fix",
+      "prettier --write"
+    ]
   }
 }