eCommerce Sprint 1

.eslintrc.cjs

@@ -0,0 +1,45 @@
+module.exports = {
+  root: true,
+  env: { browser: true, es2021: true },
+  extends: [
+    'airbnb',
+    'airbnb-typescript',
+    'airbnb/hooks',
+    'plugin:@typescript-eslint/recommended',
+    'plugin:react/recommended',
+    'prettier',
+  ],
+  ignorePatterns: ['dist', '.eslintrc.cjs', 'vite.config.ts'],
+  parser: '@typescript-eslint/parser',
+  parserOptions: {
+    ecmaVersion: 'latest',
+    sourceType: 'module',
+    project: './tsconfig.json',
+  },
+  plugins: ['react', '@typescript-eslint', 'prettier'],
+  rules: {
+    'class-methods-use-this': 'off',
+    '@typescript-eslint/no-explicit-any': 'error',
+    '@typescript-eslint/lines-between-class-members': 'off',
+    '@typescript-eslint/array-type': ['error', { default: 'array' }],
+    '@typescript-eslint/explicit-member-accessibility': [
+      'error',
+      {
+        accessibility: 'explicit',
+        overrides: {
+          accessors: 'explicit',
+          constructors: 'no-public',
+          methods: 'explicit',
+          properties: 'explicit',
+          parameterProperties: 'explicit',
+        },
+      },
+    ],
+    '@typescript-eslint/explicit-function-return-type': 'error',
+    '@typescript-eslint/no-unnecessary-type-assertion': 'error',
+    '@typescript-eslint/no-non-null-assertion': 'error',
+    '@typescript-eslint/no-inferrable-types': 'off',
+    'jsx-a11y/click-events-have-key-events': 'off',
+    'jsx-a11y/no-noninteractive-element-interactions': 'off',
+  },
+};

.github/pull_request_template.md

@@ -0,0 +1,32 @@
+#### Description 📑
+
+###### Please include a summary of the changes.
+
+#### Related task 🔍
+
+ID of the task: #TASK_NUMBER - SUBTASK_NUMBER
+
+Link to the task: (Optional)
+
+###### If you have completed the task in one PR, don't include the subtask number
+
+#### Reason for change
+
+######  Please include a reason for changes.
+
+######  If changes related to the task, ignore this.
+
+
+#### Type of change ❔
+
+- [ ] New feature
+- [ ] Bug fix
+- [ ] Refactoring
+- [ ] Other
+
+#### Checklist ✅
+
+- [ ] My code follows the style guidelines of this project
+- [ ] I have performed a self-review of my code
+- [ ] My changes generate no new warnings
+- [ ] New and existing unit tests pass locally with my changes

.husky/pre-commit

@@ -0,0 +1,5 @@
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+npm run lint
+npm run format

.prettierignore

@@ -0,0 +1,2 @@
+*.md
+*.json

.prettierrc.json

@@ -0,0 +1,8 @@
+{
+  "semi": true,
+  "tabWidth": 2,
+  "trailingComma": "all",
+  "singleQuote": true,
+  "useTabs": false,
+  "printWidth": 120
+}

README.md

@@ -1,2 +1,61 @@
-# eCommerce-Application
-RS School eCommerce project
+# Project "Tech Hub"
+RS School eCommerce project - is a team task in which the team needs to develop an eCommerce application.
+
+## Deploy - https://techhub-rss.netlify.app/ (till January 27 2024)
+
+### Project description
+It's a web application that allows users to browse, select, add to basket and buy various digital appliances. The main goal of the project is to learn how to use frontend technologies and provide a convenient platform for buying products.
+
+### Project goals
+#### Main goals of the project are:
+* Register and login systems
+* User-friendly interface for browsing and selecting products
+* Filter product by characteristics and categories
+* Cart and promocodes
+* Detailed page of every product
+
+
+### Technology stack
+1. Frontend:
+   * HTML/CSS/TypeScript
+   * React - for user interface creation
+   * Axios - for HTTP request to the server
+2. Backend:
+   * commercetools
+3. Additional instruments and technologies:
+   * Vite - project builder
+   * SASS - CSS framework with additional features
+   * Prettier - automatic code formatting to a single style
+   * ESLint - detecting errors and enforcing a consistent code style
+   * Jest - code testing
+   * Husky - running certain scripts before commits/pushes
+   * Git - for version control and project repository management
+   * GitHub - for hosting the repository
+   * VS Code - code editor
+
+### Project team
+* [Howl](https://github.com/Howl404)
+* [Mikhail Ignatovich](https://github.com/academeg1)
+* [Rashit Safiev](https://github.com/capapa)
+
+### Scripts for running ESLint, Prettier, Jest, and initializing Husky:
+* ESLint - npm run lint to check the code, npm run lint:fix will automatically fix possible errors after the check
+* Prettier - npm run format for automatic formatting of the entire codebase
+* Jest - npm run test to run tests, npm run test:watch runs tests in watch mode, allowing interaction with Jest and restarting tests on code changes
+* Husky - npm run prepare to initialize Husky
+
+### Project Installation and Launch
+1. Clone the project repository to your computer: git clone  https://github.com/Howl404/eCommerce-Application.git
+
+2. Install project dependencies with the command: npm install
+
+3. To run the application, execute the command: npm run dev
+
+### Project build
+1. Perform steps 1 and 2 from [Project Installation and Launch](#project-installation-and-launch)
+
+2. Build the project with the command: npm run build
+
+3. Use npm run preview to launch the project
+
+#### Before commits, run the script for [Husky initialization](#scripts-for-running-eslint-prettier-jest-and-initializing-husky)

index.html

@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="./src/assets/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Tech Hub</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="./src/main.tsx"></script>
+  </body>
+</html>

jest.config.ts

@@ -0,0 +1,23 @@
+module.exports = {
+  preset: 'ts-jest',
+  testEnvironment: 'jsdom',
+  moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx', 'json'],
+  moduleNameMapper: {
+    '^@/(.*)$': '<rootDir>/src/$1',
+    '\\.(scss|css)$': '<rootDir>/src/styleMock.ts',
+    '\\.(png|svg)$': '<rootDir>/src/assetsMock.ts',
+    '^@src/(.*)$': '<rootDir>/src/$1',
+    '^@components/(.*)$': '<rootDir>/src/components/$1',
+    '^@pages/(.*)$': '<rootDir>/src/pages/$1',
+    '^@services/(.*)$': '<rootDir>/src/services/$1',
+    '^@interfaces/(.*)$': '<rootDir>/src/interfaces/$1',
+    '^@assets/(.*)$': '<rootDir>/src/assets/$1',
+  },
+  transform: {
+    '^.+\\.(ts|tsx)$': 'ts-jest',
+  },
+  testMatch: ['**/__tests__/**/*.(ts|tsx|js)'],
+  collectCoverageFrom: ['src/**/*.(ts|tsx)'],
+};
+
+export {};