eCommerce Project

Deployment on Netlify: eCommerce-Application

This eCommerce application provides a comprehensive shopping experience, leveraging CommerceTools API for product data retrieval and management.

The project is a team effort and serves as the final task for The Rolling Scopes JavaScript / Front-end Course. Contributed by Liudmila Rodzina: Registration, User Profile, Shopping Cart

Key Features

Main Page and Navigation

• Features links to other pages.
• Ensures smooth navigation through implemented routing and a consistent header layout with user navigation links.

Login and Registration Pages

• Allows users to register and log in to the application.
• Includes input validation and error handling for user-friendly experiences.
• Manages user sessions and authentication tokens.

User Profile Page

• Displays user’s personal information such as name, date of birth, addresses, etc.
• Provides an interface for users to update their personal details and manage their addresses.

Catalog Product Page

• Displays a list of products with essential details such as name, image, description, and prices.
• Offers filtering, sorting, and searching functionality.
• Allows users to add or remove products from the shopping cart.

Detailed Product Page

• Shows extensive product information.
• Includes an image slider and a modal window for enlarged product images.
• Allows users to add or remove products from the shopping cart.

Shopping Cart Page

• Lists items added to the shopping cart.
• Enables users to modify item quantities, remove items, and clear the cart.
• Automatically recalculates the total cost.

About Us Page

• Introduces the development team with bios, photos, and GitHub links.

Technology Stack

Getting Started

1. Clone the repository to your local machine:

   git clone https://github.com/LiudmilaRodzina/eCommerce-Application.git
   

2. Navigate into the directory where you've cloned the source code:

   cd eCommerce-Application
   

3. Navigate into the branch develop and install NPM dependencies:

   git checkout develop
   npm install
   

4. For start application use:

   npm run start
   

5. Open https://localhost:8080 (the application should automatically open in your default browser).

6. To create a production bundle use:

   npm run prod
   

7. Run tests:

   npm run test
   

8. The husky pre-commit hook is automatically launched, which includes scripts lint for running ESLint and format for Prettier.