Develop

.editorconfig

@@ -0,0 +1,10 @@
+#airbnb
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+end_of_line = lf

.env

@@ -0,0 +1 @@
+ESLINT_NO_DEV_ERRORS=true

.eslintignore

@@ -0,0 +1,2 @@
+/build
+/node_modules

.eslintrc.cjs

@@ -0,0 +1,108 @@
+module.exports = {
+  env: {
+    browser: true,
+    es2024: true,
+  },
+  extends: [
+    'plugin:react/recommended',
+    "plugin:react-hooks/recommended",
+    'airbnb-typescript',
+    'plugin:@typescript-eslint/eslint-recommended',
+    'plugin:@typescript-eslint/recommended',
+    'plugin:prettier/recommended',
+    'plugin:cypress/recommended',
+  ],
+  overrides: [
+    {
+      'files': ['**/*.spec.jsx'],
+      'rules': {
+        'react/jsx-filename-extension': ['off'],
+      }
+    }
+  ],
+  parser: '@typescript-eslint/parser',
+  parserOptions: {
+    ecmaFeatures: {
+      jsx: true,
+    },
+    ecmaVersion: 12,
+    project: './tsconfig.json',
+    sourceType: 'module',
+  },
+  plugins: [
+    'jsx-a11y',
+    'import',
+    'react-hooks',
+    '@typescript-eslint',
+    'prettier'
+  ],
+  rules: {
+    // JS
+    'semi': 'off',
+    '@typescript-eslint/semi': ['error', 'always'],
+    'prefer-const': 2,
+    curly: [2, 'all'],
+    'max-len': ['error', {
+      ignoreTemplateLiterals: true,
+      ignoreComments: true,
+    }],
+    'no-redeclare': [2, { builtinGlobals: true }],
+    'no-console': 2,
+    'operator-linebreak': 0,
+    'brace-style': [2, '1tbs'],
+    'arrow-body-style': 0,
+    'arrow-parens': 0,
+    'no-param-reassign': [2, { props: true }],
+    'padding-line-between-statements': [
+      2,
+      { blankLine: 'always', prev: '*', next: 'return' },
+      { blankLine: 'always', prev: ['const', 'let', 'var'], next: '*' },
+      { blankLine: 'any', prev: ['const', 'let', 'var'], next: ['const', 'let', 'var'] },
+      { blankLine: 'always', prev: 'directive', next: '*' },
+      { blankLine: 'always', prev: 'block-like', next: '*' },
+    ],
+    'implicit-arrow-linebreak:': 0,
+
+    // React
+    'react/prop-types': 0,
+    'react/require-default-props': 0,
+    'import/prefer-default-export': 0,
+    'standard/no-callback-literal': 0,
+    'react/jsx-filename-extension': [1, { extensions: ['.tsx'] }],
+    'react/destructuring-assignment': 0,
+    'react/jsx-props-no-spreading': 0,
+    'react/state-in-constructor': [2, 'never'],
+    'react-hooks/rules-of-hooks': 2,
+    'jsx-a11y/label-has-associated-control': ["error", {
+      assert: "either",
+    }],
+    'jsx-a11y/label-has-for': [2, {
+      components: ['Label'],
+      required: {
+        some: ['id', 'nesting'],
+      },
+      allowChildren: true,
+    }],
+    'react/jsx-uses-react': 'off',
+    'react/react-in-jsx-scope': 'off',
+
+    // Typescript
+    '@typescript-eslint/explicit-function-return-type': 'off',
+    '@typescript-eslint/explicit-module-boundary-types': 'off',
+    '@typescript-eslint/no-unused-vars': ['error'],
+    '@typescript-eslint/indent': ['error', 2],
+    '@typescript-eslint/ban-types': ['error', {
+        extendDefaults: true,
+        types: {
+          '{}': false,
+        },
+      },
+    ],
+  },
+  ignorePatterns: ['dist', '.eslintrc.cjs', 'vite.config.ts', 'src/vite-env.d.ts', 'cypress'],
+  settings: {
+    react: {
+      version: 'detect',
+    },
+  },
+};

.github/workflows/lint.yml

@@ -0,0 +1,23 @@
+name: Lint
+
+on:
+  pull_request:
+    branches: [ master ]
+
+jobs:
+  run_linter:
+
+    runs-on: ubuntu-latest
+
+    strategy:
+      matrix:
+        node-version: [20.x]
+
+    steps:
+      - uses: actions/checkout@v2
+      - name: Use Node.js ${{ matrix.node-version }}
+        uses: actions/setup-node@v1
+        with:
+          node-version: ${{ matrix.node-version }}
+      - run: npm install
+      - run: npm run lint

.github/workflows/test.yml

@@ -0,0 +1,29 @@
+name: Test
+
+on:
+  pull_request:
+    branches: [ master ]
+
+jobs:
+  run_tests:
+
+    runs-on: ubuntu-latest
+
+    strategy:
+      matrix:
+        node-version: [20.x]
+
+    steps:
+      - uses: actions/checkout@v2
+      - name: Use Node.js ${{ matrix.node-version }}
+        uses: actions/setup-node@v1
+        with:
+          node-version: ${{ matrix.node-version }}
+      - run: npm install
+      - run: npm test -- -l
+      - name: Upload tests report(cypress mochaawesome merged HTML report)
+        if: ${{ always() }}
+        uses: actions/upload-artifact@v4
+        with:
+          name: report
+          path: reports

.gitignore

@@ -1,24 +1,15 @@
-# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
-
-# dependencies
-/node_modules
-/.pnp
-.pnp.js
-
-# testing
-/coverage
-
-# production
-/build
-
-# misc
+.idea
+.vscode
+build
+dist
+node_modules
 .DS_Store
-.env.local
-.env.development.local
-.env.test.local
-.env.production.local
 
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
-.idea
+
+raw_reports
+reports
+cypress/screenshots
+cypress/videos

.prettierignore

@@ -0,0 +1,2 @@
+/node_modules
+/build

.prettierrc

@@ -0,0 +1,11 @@
+{
+  "arrowParens": "avoid",
+  "singleQuote": true,
+  "tabWidth": 2,
+  "trailingComma": "all",
+  "jsxSingleQuote": false,
+  "printWidth": 80,
+  "semi": true,
+  "bracketSpacing": true,
+  "bracketSameLine": false
+}

.stylelintignore

@@ -0,0 +1 @@
+/build

.stylelintrc.js

@@ -0,0 +1,4 @@
+module.exports = {
+  extends: "@mate-academy/stylelint-config",
+  rules: {}
+};