eCommerce-Application

Product description:📘

Welcome to our eCommerce application! This platform replicates real-world shopping experiences in a digital environment 🏪.

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.

An important aspect of our application is that it's responsive 📲, ensuring it looks great on various devices with a minimum resolution of 390px. This feature makes the shopping experience enjoyable, irrespective of the device users prefer.

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 🙋‍♂️🙋‍♀️

---

Product purposes:🎯

• to provide an interactive and seamless experience to users from product discovery to checkout
• to ensure a smooth journey for the users, enhancing their engagement and boosting their purchasing confidence 🚀

---

The technology stack:📦

• Windows
• HTML
• CSS
• Typescript
• Node.js
• JSON
• Webpack
• Eslint
• Prettier
• Husky
• Jest

---

Setup and Usage:🛠️

• Clone this repo to your desktop by git clone https://github.com/DIvanov1ch/eCommerce-Application.git
• Install Node.js if you haven’t got it already. Node.js
• Go to application root directory and run npm install or npm i to install its dependencies
• Once the dependencies are installed, you can run node src/index.ts to start the application or npm run build to build the bundle of application in dist directory

---

Scripts usage:📄

• npm run test - runs Jest tests, streamlining the process of executing tests and generating reports on test outcomes
• npm run build or npm run build:prod- enables production mode for webpack and node
• npm run build:dev - enables development mode for webpack with useful names for modules and chunks
• npm run watch - enables watch-mode, webpack will keep watching for any changes we make in our code and once we save the changes, it will rerun by itself to rebuild the package
• npm run serve – runs webpack with a development server that provides live reloading. This should be used for development only
• npm run prepare – install husky hooks automatically
• npm run lint - runs ESLint across the codebase, making it possible to quickly and efficiently identify code style issues and potential errors
• npm run lint:fix - runs ESLint across the codebase, making it possible to quickly and efficiently identify code style issues and fix potential errors
• npm run format - runs Prettier across the codebase, simplifying code formatting and ensuring uniform code style
• npm run format:fix - runs Prettier across the codebase, simplifying code formatting, ensuring uniform code style and fixing potential errors
• lint-format:fix - runs ESLint across the codebase, making it possible to quickly and efficiently identify code style issues and fix potential errors, after that runs Prettier across the codebase, simplifying code formatting, ensuring uniform code style and fixing potential errors

---