ECommerce-Application

Welcome to our eCommerce application! This platform replicates real-world shopping experiences in a digital environment 🏪. It's a comprehensive online shopping portal that provides an interactive and seamless experience to users. From product discovery to checkout, the application ensures a smooth journey for the user, enhancing their engagement and boosting their purchasing confidence.

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.

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

Technology stack used

Build with:

Version Control and Development Tools used:

Setup and Running

To clone and run this application, you'll need Git and Node.js (which comes with npm) installed on your computer. From your command line: Clone this repository

$ git clone https://github.com/Anna-Mamedova/ECommerce-Application.git

Go into repository folder

$ cd ECommerce-Application

Install dependencies

$ npm install

Run the app

$ npm start

Deploy: https://ethno-wear.netlify.app/

Available Scripts

In the project directory, you can run the following scripts using npm:

• npm start will start the development server using Webpack. It will serve your application in development mode and open it in your default web browser.
• npm run build will build your application for production using Webpack. The output files will be optimized and ready for deployment.
• npm run clear will remove the dist folder, which typically contains the built files. Use this script to clean up the build output.
• npm run prettier will run Prettier to format your TypeScript files in the src folder. Prettier will automatically apply consistent code formatting to your codebase.
• npm run lint will run ESLint to check for coding errors and style issues in your TypeScript files. It will report any problems found.
• npm run lint:fix will run ESLint to check and fix issues in your TypeScript files. It will apply automatic fixes to as many issues as possible.
• npm test will run the test suite using Jest. Jest will execute your test cases and provide the test results.