Skip to content

andrplko/e-commerce

 
 

Repository files navigation

E-commerce

About The Project

This e-commerce project aims to provide a fully functional online shopping platform that delivers a smooth and enjoyable shopping experience to its users. The project is built using modern web technologies, including React, Vite, and TypeScript, to ensure high performance and maintainable codebase.

The primary goal of the project is to create a feature-rich and user-friendly e-commerce website that allows customers to browse a diverse range of products, add them to their shopping cart, securely process payments, and track their orders.

Goal

The goal of this project is to create an interactive and user-friendly e-commerce web application. The primary objective is to provide users with a seamless and engaging online shopping experience.

The e-commerce platform will offer a wide range of products that users can browse, search, and filter based on their preferences. Users will have the ability to view detailed product information, including images, descriptions, and prices, helping them make informed purchasing decisions.

The project aims to implement a responsive design, ensuring optimal viewing and functionality across various devices, such as desktops, tablets, and smartphones.

The ultimate objective is to create a fully functional and aesthetically pleasing e-commerce platform that offers a wide variety of products, exceptional user experience, and innovative features

Built With

Features

  • Product Catalog: Browse through a wide range of products with detailed descriptions and images.
  • Product Search: Search for specific products by name or keywords.
  • User Authentication: Allow users to sign up, sign in, and manage their accounts securely.
  • Shopping Cart: Add products to the cart, adjust quantities, and proceed to checkout.

Set up and run project locally

To set up and run project locally you need to clone repository from develop branch, install all dependencies:
With NPM:

npm install

With Yarn:

yarn install

After all dependencies will be installed, run prepare script once to prepare husky hooks.
Now you can run application locally, using start script, or build production (build) or development (build:dev) builds and run them using preview script.
Info about all available scripts you can see below.

Scripts usage

Common application scripts

  • start: launches development application server with hot refresh on any changes.
  • build: makes production build of the application.
  • build:dev: makes development build of the application.
  • preview: launches builded application on local server.

ESLint scripts

  • lint: runs ESLint to check code for issues.
  • lint:fix: runs ESLint to check code and fix autofixable issues.

Prettier scripts

  • format:check: runs prettier to check code formatting.
  • format:fix: runs prettier to check and auto format code.

Jest scripts

  • test: runs unit tests.
  • test:coverage: runs unit tests and collect coverage information.
  • test:watch: runs unit tests with watch mode, that will rerun tests on code changes.

Husky scripts

  • prepare: this script prepares husky hooks to use. Use it when you first time installing the application's environment to be able to use husky hooks.

About

start using React

Resources

Stars

Watchers

Forks

Packages

No packages published