eCommerce Application 🛍️🌐

Welcome to our eCommerce application! Our team would like to introduce you to our app called Frost Glide. 🏂🏼❄️ Frost Glide is an eCommerce platform dedicated to providing snowboarding enthusiasts with a seamless online shopping experience. Our platform offers a diverse range of high-quality snowboards. With a user-friendly interface and robust features, Frost Glide aims to replicate the thrill of browsing through physical stores while offering the convenience of online shopping. 🛍️

Purpose:

The purpose of Frost Glide is to create a one-stop destination for snowboarders to discover, explore, and purchase premium snowboards. We strive to enhance the snowboarding experience by providing easy access to top-notch products, detailed descriptions, and a streamlined checkout process.

Technology Stack 💻📚

• Vite: Local development server.
• HTML5: Standard markup language for creating the structure of web pages.
• TypeScript: TypeScript adds optional static types to JavaScript, providing improved code quality, readability, and maintainability.
• Jest: Testing framework for JavaScript.
• Puppeteer: Web automation parsing tool.
• Prettier: Code formatter.
• Sass: CSS preprocessor.
• Eslint: JavaScript code linter.
• Husky: Git pre-commit hook.

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.

Team

• Sergey
• Viktoria
• Andrey

Installation and usage

• Clone repository
• Navigate to the project directory in your terminal.
• Install dependencies using npm:

  npm install
  

• Start the development server:

  npm run dev
  

• Open web application in your browser at http://localhost:8080/.

Scenarios

Build

• To build the project, use the following command:

 npm run build

Preview

• To preview the built project, use the following command:

 npm run preview

Linting

• To run ESLint for static code analysis, use the following command:

 npm run lint

Formatting

• To format the code using Prettier, use the following command:

 npm run format

CI Formatting Check

• To check code formatting in CI using Prettier, use the following command:

 npm run ci:format

Testing

• To run tests, use the following command:

 npm run test

Git Hooks Setup

To set up Git hooks for this project, run the following command:

 npm run prepare