Sprint 1 - repository setup

.env

@@ -0,0 +1,6 @@
+VITE_CTP_PROJECT_KEY=art
+VITE_CTP_CLIENT_SECRET=tCcZh5XwKU1grwM-dpEcRnvynmgwxasp
+VITE_CTP_CLIENT_ID=j_yucI-j56zVM3IHDqo7Cfxi
+VITE_CTP_AUTH_URL=https://auth.europe-west1.gcp.commercetools.com
+VITE_CTP_API_URL=https://api.europe-west1.gcp.commercetools.com
+VITE_CTP_SCOPES=manage_my_payments:art view_standalone_prices:art manage_my_orders:art manage_customers:art manage_my_profile:art view_payments:art view_messages:art introspect_oauth_tokens:art create_anonymous_token:art view_quote_requests:art manage_my_quotes:art view_quotes:art manage_my_quote_requests:art view_published_products:art view_discount_codes:art manage_my_shopping_lists:art manage_orders:art view_categories:art view_shopping_lists:art manage_my_business_units:art manage_order_edits:art view_cart_discounts:art view_attribute_groups:art view_project_settings:art view_staged_quotes:art view_product_selections:art view_products:art

.eslintrc.cjs

@@ -0,0 +1,46 @@
+module.exports = {
+  root: true,
+  env: { browser: true, es2020: true },
+  extends: [
+    'eslint:recommended',
+    'plugin:@typescript-eslint/recommended',
+    'plugin:react-hooks/recommended',
+    'plugin:prettier/recommended',
+  ],
+  ignorePatterns: ['dist', '.eslintrc.cjs'],
+  parser: '@typescript-eslint/parser',
+  plugins: [
+    'react-refresh',
+    'prettier',
+  ],
+  rules: {
+    'react-refresh/only-export-components': [
+      'warn',
+      { allowConstantExport: true },
+    ],
+    "prettier/prettier": [
+      "error",
+      {
+        "endOfLine": "lf"
+      }
+    ],
+    "indent": ["error", 2, { "SwitchCase": 1 }],
+    "no-console": "warn",
+    "prefer-const": "error",
+    "quotes": ["error", "single"],
+    "jsx-quotes": ["error", "prefer-double"],
+    "max-len": ["error", {
+      "code":  120,
+      "ignoreUrls": true,
+      "ignoreRegExpLiterals": true,
+      'ignoreStrings': true
+    }],
+    "comma-dangle": ["error", "always-multiline"],
+    "semi": ["error", "always"],
+    "no-var": "error",
+    "no-unused-vars": "off",
+    "@typescript-eslint/no-unused-vars": ["error"],
+    "@typescript-eslint/no-explicit-any": "error",
+    "@typescript-eslint/explicit-function-return-type": "error",
+  },
+}

.github/workflows/deploy-template.yaml

@@ -0,0 +1,24 @@
+on:
+  workflow_call:
+    inputs:
+      deploy-dir:
+        required: true
+        type: string
+
+jobs:
+  deploy:
+    runs-on: self-hosted
+    steps:
+      - uses: actions/download-artifact@v3
+        with:
+          name: build.tar.gz
+          path: ./
+      - name: Deploy
+        run: |
+          set -xe
+          echo "Deploy app"
+          tar -xzf build.tar.gz
+          rm -rf ${{ inputs.deploy-dir }} || true
+          mkdir -pv ${{ inputs.deploy-dir }}
+          mv dist ${{ inputs.deploy-dir }}/
+          rm build.tar.gz

.github/workflows/deploy.yaml

@@ -0,0 +1,34 @@
+name: Build
+
+on:
+  push:
+    branches: [ 'sprint_2/login-registration-main', 'sprint_3/catalog-product-profile', 'sprint_4/basket-about_us' ]
+  pull_request:
+    branches: [ 'sprint_2/login-registration-main', 'sprint_3/catalog-product-profile', 'sprint_4/basket-about_us' ]
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@master
+      - uses: actions/setup-node@v3
+        with:
+          node-version: 18
+      - name: Build
+        run: |
+          echo "Build app"
+          npm i
+          npm run build
+          tar -czf build.tar.gz ./dist
+      - name: Upload Artifacts
+        uses: actions/upload-artifact@v3
+        with:
+          name: build.tar.gz
+          path: build.tar.gz
+          retention-days: 7
+  deploy_v1:
+    needs: build
+    if: github.event_name != 'pull_request'
+    uses: "./.github/workflows/deploy-template.yaml"
+    with:
+      deploy-dir: "/var/www/ecommerse/v1"

.github/workflows/test.yaml

@@ -0,0 +1,18 @@
+name: Tests
+
+on:
+  pull_request:
+    branches: [ 'sprint_2/login-registration-main', 'sprint_3/catalog-product-profile', 'sprint_4/basket-about_us' ]
+
+jobs:
+  test:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@master
+      - uses: actions/setup-node@v3
+        with:
+          node-version: 18
+      - name: Tests
+        run: |
+          npm i
+          npm run test

.husky/pre-commit

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

.prettierrc

@@ -0,0 +1,10 @@
+{
+  "semi": true,
+  "tabWidth": 2,
+  "printWidth": 120,
+  "singleQuote": true,
+  "bracketSameLine": false,
+  "trailingComma": "all",
+  "bracketSpacing": true,
+  "end_of_line": "lf"
+}

README.md

@@ -0,0 +1,102 @@
+# Online Store
+
+**SCOOP** is an online shopping app that provides an interactive and seamless digital experience. 
+
+Users can browse through a vast range of products, view detailed descriptions, add their favorite items to the basket, and proceed to checkout. It includes features such as login and registration, product search, product categorization, sorting, and other.
+
+It's fully responsive, ensuring it looks great on various devices with a minimum resolution of 390px.
+
+**Key pages:**
+- Main page
+- Login and Registration
+- Catalog
+- Product page
+- User Profile
+- Basket
+- About
+
+The application is powered by CommerceTools, a leading provider of commerce solutions for B2C and B2B enterprises. CommerceTools offers a cloud-native, microservices-based commerce platform that enables brands to create unique and engaging digital commerce experiences.
+<br></br>
+# **📚 Technology Stack**
+- `TypeScript` `React` `Redux Toolkit` `React Router`
+- `Vite`
+- `ESLint` `Prettier` `Husky`
+- `JEST` `Testing Library`
+- `Sass` `Classnames`
+- `SDK CommerceTools`
+
+- `CommerceTools`
+
+Used CommerceTools as a **public API** to intergrate its functionality with the current project, and get access to various features and functionalities that CommerceTools offers, such as retrieving product information, processing orders, managing inventory, and other.
+<br></br>
+# ⚒️ Scripts
+
+```jsx
+npm run build       // build the project,
+                    // compile the source code and generate production-ready output files
+
+npm run preview     // preview the project
+
+npm run dev         // starts a dev server for further development
+
+npm run lint        // run a code linter, which checks the code for 
+                    // potential errors, coding style violations, and other issues
+
+npm lint:fix        // automatically fix some of the issues 
+                    // reported by the linter (ex: formatting problems)
+
+npm run prettier    // run the Prettier code formatter to ensure 
+                    // consistent code formatting throughout the project
+
+npm run prepare     // automatically executed before the package is published.
+                    // It prepares the project for distribution (transpile, clean, or compress files)
+
+npm run test        // run automated tests for the project 
+                    // to ensure its functionality and detect any issues
+```
+<br></br>
+# 🧑‍💻 Set up and run the project locally
+
+1. Open the folder in your IDE where you'll be working on this project.
+2. Open the Terminal (Important: Make sure it's in the same folder).
+3. Start here:
+
+```tsx
+// Clone the project
+git clone https://github.com/ElenaYrm/eCommerce-App.git
+
+// Switch to develop branch
+git checkout develop
+
+// Install the dependencies
+npm install (or npm i)
+```
+
+4. To preview:
+
+```tsx
+// Run the application
+npm run dev (or npm run preview)
+```
+
+5. To contribute:
+
+```tsx
+// Create a new branch from develop (required)
+git checkout -b feat/issueName-description
+```
+
+6. Commit changes
+7. Pull-request to develop → Use [template](https://github.com/ElenaYrm/eCommerce-App/blob/main/.github/pull_request_template.md)
+8. You are awesome!
+<br></br>
+# 👯‍♂️ Team
+
+[German](https://github.com/germangrib)  
+[Elena](https://github.com/ElenaYrm)  
+[Nastia](https://github.com/HereEast)
+<br></br>
+# ⬇️ Important
+
+1. Please, **do not merge changes** without any of the team’s assignment.
+2. All the visual materials and data you see on this website are meant **for learning purposes only**. We're not running a commercial project here, it's all about education and exploration! However, if you ever feel that any content on this website infringes on your rights or if you have any concerns, please don't hesitate to reach out to any of the team members above 🙂

index.html

@@ -0,0 +1,24 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/images/favic.png" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Scoop Art</title>
+    <script>
+      window.global = window;
+    </script>
+    <script type="module">
+      import process from "process";
+      import EventEmitter from "events";
+      import {Buffer} from "buffer/";
+      window.Buffer = Buffer;
+      window.process = process;
+      window.EventEmitter = EventEmitter;
+    </script>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>

jest-setup.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';