Sprint 1: Repository Setup, Project Management, CommerceTools Integration, and Development Environment Configuration

.babelrc

@@ -0,0 +1,3 @@
+{
+  "presets": ["@babel/preset-env"]
+}

.browserslistrc

@@ -0,0 +1,3 @@
+last 2 versions
+not dead
+> 0.5%

.eslintignore

@@ -0,0 +1,2 @@
+dist
+node_modules

.eslintrc

@@ -0,0 +1,36 @@
+{
+  "parser": "@typescript-eslint/parser",
+  "plugins": ["@typescript-eslint", "jest", "prettier", "import"],
+  "extends": ["eslint:recommended", "plugin:@typescript-eslint/recommended", "plugin:prettier/recommended", "prettier"],
+  "parserOptions": {
+    "ecmaVersion": "latest",
+    "sourceType": "module"
+  },
+  "env": {
+    "es6": true,
+    "browser": true,
+    "node": true
+  },
+  "rules": {
+    "no-debugger": "off",
+    "no-console": "off",
+    "object-shorthand": "warn",
+    "array-callback-return": "warn",
+    "prefer-destructuring": "warn",
+    "prefer-arrow-callback": "warn",
+    "no-duplicate-imports": "warn",
+    "import/first": "warn",
+    "eqeqeq": "warn",
+    "no-unneeded-ternary": "warn",
+    "no-else-return": "warn",
+    "spaced-comment": "warn",
+    "@typescript-eslint/no-explicit-any": "error",
+    "@typescript-eslint/no-var-requires": "off",
+    "prettier/prettier": [
+      "error",
+      {
+        "endOfLine": "auto"
+      }
+    ]
+  }
+}

.github/PULL_REQUEST_TEMPLATE/pull_request_template_for_mentor.md

@@ -1,15 +1,18 @@
 1. Task: [link](https://github.com/rolling-scopes-school/tasks/blob/master/tasks/eCommerce-Application/Sprints/Sprint%231.md)
-2. Screenshot: 
+2. Screenshot:
 3. Deploy: [link]()
 4. Done 07.08.2023 / deadline 07.08.2023
 5. Score: 110 / 110
+
 #### CrossCheck Criteria (55/55):
+
 - [x] Example (5/5):
   - (+5) Example.
 - [x] Example (50/50):
   - (+50) Example.
 
 #### Mentor Evaluation Criteria (55/55):
+
 - [x] Example (5/5):
   - (+5) Example.
 - [x] Example (50/50):

.github/pull_request_template.md

@@ -1,20 +1,21 @@
-__1. Task__  
+**1. Task**  
 _task_title_
 
-__2. Link in [project](https://github.com/orgs/this-is-this-team/projects/3)__  
+**2. Link in [project](https://github.com/orgs/this-is-this-team/projects/3)**  
 _if multiple issues are combined into a single pull request then insert all links (link-1, link-2, etc.)_  
 [link](_insert_link_here_)
 
-__3. Sprint__  
+**3. Sprint**  
 _number_of_sprint_
 
-__4. Timeline__  
+**4. Timeline**  
 Done 01.08.2023 / Deadline 30.08.2023
 
-__5. Task description and solution__  
+**5. Task description and solution**  
 _task_description_and_solution_
 
-__6. Self Check before Merge__  
+**6. Self Check before Merge**
+
 - [ ] Pull request title should follow [Conventional Commits](https://www.conventionalcommits.org/en/v1.0.0/#summary)
 - [ ] Reviewers added (elsuppo/MaxLisyanskiy/eugenebalts)
 - [ ] All commits in pull request should follow [Conventional Commits](https://www.conventionalcommits.org/en/v1.0.0/#summary)

.husky/pre-commit

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

.lintstagedrc

@@ -0,0 +1 @@
+{ "*.{js,ts}": ["npm run lint:check"], "*": ["npm run prettier:check"] }

.prettierrc

@@ -0,0 +1,10 @@
+{
+  "trailingComma": "es5",
+  "tabWidth": 2,
+  "useTabs": false,
+  "semi": true,
+  "singleQuote": true,
+  "printWidth": 120,
+  "bracketSameLine": false,
+  "endOfLine": "auto"
+}

README.md

@@ -1 +1,145 @@
-# eCommerce-Application
+# eCommerce-Application _«this is this.»_
+
+:earth_americas:`this is this.` is a web application for searching and buying travel tours.  
+The project is being developed as part of the final task of the course [JavaScript/Front-end (2023Q1)](https://rs.school/js/) from the [RS School](https://rs.school/).  
+The [`this-is-this team`](https://github.com/this-is-this-team) is working on the project.
+
+## Commercetools Setup
+
+<details>
+  <summary>.env example</summary>
+  <br />
+  <pre>
+    CTP_PROJECT_KEY=
+    CTP_CLIENT_SECRET=
+    CTP_CLIENT_ID=
+    CTP_AUTH_URL=
+    CTP_API_URL=
+    CTP_SCOPES=
+  </pre>
+</details>
+
+<details>
+  <summary>necessary scopes</summary>
+  <br />
+  <img src="https://github.com/elsuppo/this-is-this-eCommerce-application/assets/68076610/2533901d-a1bb-4a05-85c9-301057cece49" alt="profile-details"/>
+  <ul>
+    <li>view_products</li>
+    <li>view_cart_discounts</li>
+    <li>view_shipping_methods</li>
+    <li>view_categories</li>
+    <li>view_discount_codes</li>
+    <li>view_product_selections</li>
+    <li>manage_my_shopping_lists</li>
+    <li>manage_my_payments</li>
+    <li>manage_my_profile</li>
+    <li>manage_my_orders</li>
+    <li>create_anonymous_token</li>
+  </ul>
+</details>
+
+## Project Purpose
+
+- Develop a Single Page Application (SPA) without using frameworks
+- Teamwork skills
+- Task planning
+- Consolidation of knowledge gained on the course
+
+## Technology Stack
+
+[![skills](https://skillicons.dev/icons?i=webpack,ts,html,css,scss,jest,git&theme=light)](#technology-stack) <a href="#technology-stack" title="ESLint"><img src="https://github.com/get-icon/geticon/raw/master/icons/json.svg" alt="eslint" width="48px" height="48px"></a> <a href="#technology-stack" title="Prettier"><img src="https://github.com/get-icon/geticon/raw/master/icons/prettier.svg" alt="prettier" width="48px" height="48px"></a> <a href="https://www.typescriptlang.org/" title="ESLint"><img src="https://github.com/get-icon/geticon/raw/master/icons/eslint.svg" alt="eslint" width="48px" height="48px"></a>
+
+- **TypeScript** <sup>_[docs](https://www.typescriptlang.org/docs/handbook/typescript-from-scratch.html)_</sup>
+- **Webpack 5** <sup>_[docs](https://webpack.js.org/concepts/)_</sup>
+- **Jest** <sup>_[docs](https://jestjs.io/docs/getting-started)_</sup>
+- **SCSS** <sup>_[docs](https://sass-lang.com/documentation/)_</sup>
+- **CommerceTools API** <sup>_[docs](https://docs.commercetools.com/api/general-concepts)_</sup>
+- Teamwork tools:
+  - **Prettier** <sup>_[docs](https://prettier.io/docs/en/)_</sup>
+  - **ESLint** <sup>_[docs](https://eslint.org/docs/latest/use/core-concepts)_</sup>
+  - **Husky** <sup>_[docs](https://typicode.github.io/husky/)_</sup>
+  - **lint-staged** <sup>_[docs](https://github.com/okonet/lint-staged)_</sup>
+
+## Getting Started
+
+To get a local copy of the project perform the following actions:
+
+1. Clone the repo
+
+```
+git clone https://github.com/this-is-this-team/eCommerce-Application.git
+```
+
+2. Install npm packages
+
+```
+npm install
+```
+
+3. Run the project locally
+
+```
+npm run start
+```
+
+## Available scripts
+
+#### Webpack (code building)
+
+- build development version
+
+```
+npm run build:dev
+```
+
+- build production version
+
+```
+npm run build:prod
+```
+
+#### Prettier (code formatting)
+
+- сhecks formatting for all project files
+
+```
+npm run prettier:check
+```
+
+- auto fixes formatting for all project files
+
+```
+npm run prettier:fix
+```
+
+#### ESLint (code linting)
+
+- checks linting for all project files
+
+```
+npm run lint:check
+```
+
+- auto fixes linting error for all project files
+
+```
+npm run lint:fix
+```
+
+#### JEST (code testing)
+
+- run all `*.test.ts` files for test execution
+
+```
+npm run test
+```
+
+<details>
+  <summary>ALSO</summary>
+
+  Before making a commit an **automated** check is performed for formatting, linting, and code testing using Husky and lint-staged
+  ```
+  npx lint-staged
+  npm run test
+  ```
+</details>

jest.config.json

@@ -0,0 +1,9 @@
+{
+  "preset": "ts-jest",
+  "testEnvironment": "jsdom",
+  "moduleFileExtensions": ["ts", "js"],
+  "testMatch": ["**/__tests__/**/*.+(ts|tsx|js)", "**/?(*.)+(spec|test).+(ts|tsx|js)"],
+  "moduleNameMapper": {
+    "^.+\\.(css|less|scss)$": "babel-jest"
+  }
+}