eCommerce-Application

This project delivers a complete online shopping experience. Built with TypeScript and powered by CommerceTools API, the platform combines modern web development practices with eCommerce functionality to showcase artisanal craftsmanship in a digital space.

Features

• Responsive product catalog with advanced filtering and searching functions

• Immersive product pages showcasing grain details and artisan stories

• Checkout flow includes customer registration and authorization forms

• Add items to a shopping cart and proceed to checkout securely.

• User accounts with ability manage shipping details

Technology Stack

• Frontend:

  • Vite
  • React
  • Typescript
  • Tanstack
  • Zod
  • SСSS
  • Mui

• Backend

  • CommerceTools

• Testing:

  • Vitest
  • Testing Library (Jest-DOM, React)

• Code Quality

  • ESLint
  • Prettier
  • Husky
  • Commitlint
  • Lint-staged
  • Stylelint

How to run locally

Please follow the instructions below to configure and run the project locally:

1. Clone the repository;

2. Change the directory to the project folder: cd e-commerce-application;

3. Install dependencies: npm install;

4. Run the project: npm run start.

Available scripts

To execute a script, use the command npm run followed by the script name from the list below:

1. dev: starts Vite development server

2. build: creates production-optimized bundle, the result is available in a dist folder

3. lint: runs ESLint static analysis to analyze code for errors and style issues.

4. preview: locally serves the production build for testing

5. format: automatically formats code using Prettier.

6. prepare: sets up Git hooks with Husky for pre-commit checks

7. test: runs unit tests with Vitest in terminal mode

8. test:ui: launches the Vitest interactive test UI

9. coverage: generates a code coverage report via Vitest.