Git Product home page Git Product logo

e-commerce's Introduction

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.

e-commerce's People

Contributors

andrplko avatar carphatiansnake avatar forsyterun avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.