Skip to content

Latest commit

 

History

History
63 lines (52 loc) · 4.52 KB

File metadata and controls

63 lines (52 loc) · 4.52 KB

Deploy: https://comfy-choux-4a934b.netlify.app/

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

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.

Screenshots:

image image image image image