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

.babelrc

@@ -0,0 +1,6 @@
+{
+    "presets": [
+      "@babel/preset-react",
+      "@babel/preset-typescript"
+    ]
+}

.eslintrc.json

@@ -0,0 +1,33 @@
+{
+    "env": {
+        "browser": true,
+        "es2021": true,
+        "node": true
+    },
+    "extends": [
+        "eslint:recommended",
+        "plugin:@typescript-eslint/recommended",
+        "plugin:react/recommended",
+        "prettier"
+    ],
+    "parser": "@typescript-eslint/parser",
+    "parserOptions": {
+        "ecmaFeatures": {
+            "jsx": true
+          },
+        "ecmaVersion": "latest",
+        "sourceType": "module"
+    },
+    "plugins": [
+        "@typescript-eslint",
+        "react",
+        "prettier"
+    ],
+    "rules": {
+        "no-debugger": "off",
+        "no-console": 0,
+        "class-methods-use-this": "off",
+        "@typescript-eslint/no-explicit-any": "error",
+        "import/extensions": "off"
+    }
+}

.github/pull_request_template.md

@@ -0,0 +1,21 @@
+Implement # 
+
+Task: task 1 (1000 points / 1000 points)
+
+- [x] feature 1 (200 points / 200 points)
+- [x] feature 2 (100 points / 100 points)
+- [x] feature ... 
+- [x] feature n (300 points / 300 points)
+
+
+This is a:
+
+- [x] 🍕 Feature
+- [x] 🐛 Bug Fix
+- [x] 📝 Documentation Update
+- [x] 🎨 Style
+- [x] 🧑‍💻 Code Refactor
+- [x] 🔥 Performance Improvements
+- [x] ✅ Test
+- [x] 🤖 Build
+- [x] Other

.gitignore

@@ -0,0 +1,104 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+lerna-debug.log*
+
+# Diagnostic reports (https://nodejs.org/api/report.html)
+report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+*.lcov
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# Bower dependency directory (https://bower.io/)
+bower_components
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (https://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules
+jspm_packages/
+
+# TypeScript v1 declaration files
+typings/
+
+# TypeScript cache
+*.tsbuildinfo
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Microbundle cache
+.rpt2_cache/
+.rts2_cache_cjs/
+.rts2_cache_es/
+.rts2_cache_umd/
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# dotenv environment variables file
+.env
+.env.test
+
+# parcel-bundler cache (https://parceljs.org/)
+.cache
+
+# Next.js build output
+.next
+
+# Nuxt.js build / generate output
+.nuxt
+# dist
+
+# Gatsby files
+.cache/
+# Comment in the public line in if your project uses Gatsby and *not* Next.js
+# https://nextjs.org/blog/next-9-1#public-directory-support
+# public
+
+# vuepress build output
+.vuepress/dist
+
+# Serverless directories
+.serverless/
+
+# FuseBox cache
+.fusebox/
+
+# DynamoDB Local files
+.dynamodb/
+
+# TernJS port file
+.tern-port

.husky/pre-commit

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

.lintstagedrc

@@ -0,0 +1,3 @@
+{
+  "src/**/*.+(ts|tsx|js|jsx)": ["prettier --write", "eslint --fix"]
+}

.prettierrc

@@ -0,0 +1,6 @@
+{
+  "semi": true,
+  "singleQuote": true,
+  "tabWidth": 2,
+  "trailingComma": "es5"
+}

README.md

@@ -1 +1,52 @@
-# ECommerce-Application
+# ECommerce-Application
+Welcome to our eCommerce application! This platform replicates real-world shopping experiences in a digital environment 🏪. It's a comprehensive online shopping portal that provides an interactive and seamless experience to users. From product discovery to checkout, the application ensures a smooth journey for the user, enhancing their engagement and boosting their purchasing confidence.
+
+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 user registration and login 📝🔐, product search 🔍, product categorization, and sorting to make the shopping experience more streamlined and convenient.
+
+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.
+
+Key pages in the application include
+- Login and Registration pages 🖥️
+- Main page 🏠
+- Catalog Product page 📋
+- Detailed Product page 🔎
+- User Profile page 👤
+- Basket page 🛒
+- About Us page 🙋‍♂️
+
+## Technology stack used
+### Build with:
+<img src="https://img.shields.io/badge/TypeScript-3178c6?logo=typescript&logoColor=white&style=ShieldStyle" /> <img src="https://img.shields.io/badge/React-4FACDF?logo=react&logoColor=white&style=ShieldStyle" /> <img src="https://img.shields.io/badge/JavaScript-F7DF1E?logo=javascript&logoColor=white&style=ShieldStyle" /> <img src="https://img.shields.io/badge/HTML-E34F26?logo=html5&logoColor=white&style=ShieldStyle" /> <img src="https://img.shields.io/badge/CSS-2971A3?logo=css3&logoColor=ColorName&style=ShieldStyle" /> <img src="https://img.shields.io/badge/Node.js-38883D?logo=node.js&logoColor=white&style=ShieldStyle" />
+<img src="https://img.shields.io/badge/WebPack-3178c6?logo=webpack&logoColor=ColorName&style=ShieldStyle" />
+### Version Control and Development Tools used:
+<img src="https://img.shields.io/badge/Git-DC4936?logo=git&logoColor=white&style=ShieldStyle" /> <img src="https://img.shields.io/badge/GitHub-1A1C1E?logo=github&logoColor=white&style=ShieldStyle" /> <img src="https://img.shields.io/badge/Visual Studio Code-0C72C5?logo=visual studio code&logoColor=white&style=ShieldStyle" />
+
+## Setup and Running
+To clone and run this application, you'll need [Git](https://git-scm.com/) and [Node.js](https://nodejs.org/en) (which comes with [npm](https://www.npmjs.com/)) installed on your computer. From your command line:
+Clone this repository
+```
+$ git clone https://github.com/Anna-Mamedova/ECommerce-Application.git
+```
+Go into repository folder
+```
+$ cd ECommerce-Application
+```
+Install dependencies
+```
+$ npm install
+```
+Run the app
+```
+$ npm start
+```
+Deploy: https://ethno-wear.netlify.app/
+
+## Available Scripts
+In the project directory, you can run the following scripts using npm:
+- `npm start` will start the development server using Webpack. It will serve your application in development mode and open it in your default web browser.
+- `npm run build` will build your application for production using Webpack. The output files will be optimized and ready for deployment.
+- `npm run clear` will remove the dist folder, which typically contains the built files. Use this script to clean up the build output.
+- `npm run prettier` will run Prettier to format your TypeScript files in the src folder. Prettier will automatically apply consistent code formatting to your codebase.
+- `npm run lint`  will run ESLint to check for coding errors and style issues in your TypeScript files. It will report any problems found.
+- `npm run lint:fix` will run ESLint to check and fix issues in your TypeScript files. It will apply automatic fixes to as many issues as possible.
+- `npm test` will run the test suite using Jest. Jest will execute your test cases and provide the test results.

jest.config.js

@@ -0,0 +1,10 @@
+module.exports = {
+  testEnvironment: 'jsdom',
+  transform: {
+    '\\.[jt]sx?$': 'esbuild-jest',
+  },
+  moduleNameMapper: {
+    '\\.(css)$': 'identity-obj-proxy',
+  },
+  setupFiles: ["jest-canvas-mock"]
+};

netlify.toml

@@ -0,0 +1,4 @@
+[[redirects]]
+  from = "/*"
+  to = "/index.html"
+  status = 200