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 πββοΈ
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/
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.