eCommerce-Application «this is this.»

🌎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) from the RS School.
The this-is-this team is working on the project.

Commercetools Setup

.env example

    CTP_PROJECT_KEY=
    CTP_CLIENT_SECRET=
    CTP_CLIENT_ID=
    CTP_AUTH_URL=
    CTP_API_URL=
    CTP_SCOPES=
  

necessary scopes

• view_products
• view_cart_discounts
• view_shipping_methods
• view_categories
• view_discount_codes
• view_product_selections
• manage_my_shopping_lists
• manage_my_payments
• manage_my_profile
• manage_my_orders
• create_anonymous_token

Project Purpose

• Develop a Single Page Application (SPA) without using frameworks
• Teamwork skills
• Task planning
• Consolidation of knowledge gained on the course

Technology Stack

• TypeScript ^docs
• Webpack 5 ^docs
• Jest ^docs
• SCSS ^docs
• CommerceTools API ^docs
• Teamwork tools:
  • Prettier ^docs
  • ESLint ^docs
  • Husky ^docs
  • lint-staged ^docs

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

ALSO

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