Skip to content

AliQuickC/ecommerce

Repository files navigation

eCommerce Application 🛍️🌐

Project description📄

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.

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.

Technology stack used. 🛠️

React + Typescript
Redux + Redux Toolkit
ESLint + Prettier + Husky
Vite + Vitest
CommerceTools (backend)

Available Scripts 📜

npm run dev - run development server
npm run build:dev - build development mode
npm run build:prod - build production mode
npm run format - project format
npm run ci:format - check project format
npm run lint - eslint find problems
npm run lint:fix - eslint fix problems
npm run test - run tests once without watching for file changes
npm run preview - start a local web server that serves the built solution from ./dist
npm run prepare - husky prepare script

For setting up and running the project locally (setting up and running the project locally) 🚀

  1. Install Node.js
  2. Go to project folder eCommerce-Application
  3. To install all dependencies use npm install

In the project directory, you can run:

npm run dev

npm run dev starts a local web server with Hot Module Replacement for development, and will automatically change when code changes

npm run build:prod

npm run build builds the project, and outputs to the folder ./dist

npm run preview

npm run preview start a local web server that serves the built solution from ./dist for previewing

You need to run build:prod or build:dev before preview.
Preview will always preview the latest build, and will not update automatically when code changes.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 3

  •  
  •  
  •