Git Product home page Git Product logo

ecommerce-application's Introduction

๐Ÿ“š LitHub โ€” Online Book Store LitHub

Welcome to our eCommerce Application, an online book store "LitHub"! Here you will find an analogue of the real shopping experience in a digital environment. ๐Ÿช Our platform is a comprehensive online portal for purchasing books, providing users with an interactive and user-friendly interface. From product discovery to checkout, our app offers a seamless shopping path, increasing user engagement and confidence in every step. ๐Ÿ˜Š

Our users can enjoy a wide range of books ๐Ÿ“–, view detailed descriptions ๐Ÿค“, add impressive finds to the cart ๐Ÿ›’ and effortlessly proceed to checkout. ๐Ÿ’ณ Our application provides functionality for registration and login โœ๏ธ๐Ÿ”, instant product search ๐Ÿ”, as well as convenient categorization and sorting to make the shopping process simple and enjoyable.

One of the key factors that makes our application attractive is its adaptability. This feature allows the application to function flawlessly on various devices with screen resolutions of 390 pixels and above. Such an approach guarantees that users can enjoy the convenience and functionality of shopping regardless of the device they prefer to use. ๐Ÿ“ฑ๐Ÿ’ป

We wish that each purchase through our application brought not only satisfaction from the new acquisition, but also joy and pleasure from the process of selection and making the deal. ๐Ÿค

Let each purchase be accompanied only by positive emotions and bring a lot of pleasure! ๐Ÿ›๏ธโœจ

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 ๐Ÿ™‹๐Ÿ™‹โ€โ™€๏ธ

Our application is based on the CommerceTools platform๐ŸŒ - a leading provider of commercial solutions for B2C and B2B enterprises. CommerceTools offers an innovative cloud commerce platform built on microservices architecture. This allows brands to create unique and attractive opportunities for digital commerce.

When creating our application, we actively used the Kanban board๐Ÿ“‹ to effectively manage tasks and track progress. Our Kanban board has been divided into several columns reflecting the various stages of completing tasks:

  • To Do: Tasks selected for execution are moved to this column. Here they await their turn for execution. ๐Ÿ”ด
  • In Progress: When the team started working on a task, it was moved to this column. Here we tracked the current status and progress of each task. ๐ŸŸก
  • In Review: After completing work on a task, it was sent for review by other team members. Quality assessment of the completed work was conducted in this column. ๐ŸŸฃ
  • Done: Tasks that successfully passed the review were moved to this column. Here we marked the task as completed and closed. ๐ŸŸข

We regularly updated and monitored the status of the Kanban board, holding weekly meetings to discuss progress and identify any issues. The use of the Kanban board allowed us to organize the team's work, increase process transparency, and ensure more effective project management.

In our project we use ๐Ÿ”ง:

  1. TypeScript
  2. Webpack
  3. ESLint
  4. Prettier
  5. Husky
  6. Jest
  7. SCSS
  8. Bootstrap

To deploy an application to a local environment ๐Ÿ–ฅ๏ธ:

Copy repository:

git clone https://github.com/Valeria110/eCommerce-Application.git

Install dependencies:

npm install -D

npm run script:

npm run comand-name

"scripts": {
"start": "webpack serve --open --mode development --config ./webpack.config.js",
"build": "webpack --mode production --config ./webpack.config.js",
"test": "jest",
"lint": "eslint . --ext .ts",
"format": "prettier --write .",
"ci:format": "prettier --check ."
}

ecommerce-application's People

Contributors

mikhailsemenuk avatar valeria110 avatar qwgfsehte avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar

ecommerce-application's Issues

Development Environment Configuration

  • Set up and configure a bundler (e.g., Webpack, Vite, Parcel, or other) for the project, supporting both development and production build modes. RSS-ECOMM-1_08 ๐Ÿ“ฆ
  • Configure TypeScript to enforce strong typing and improve code quality throughout the project. RSS-ECOMM-1_09 ๐Ÿงฎ
  • Set up ESLint to enforce consistent coding styles and identify potential issues in the codebase. RSS-ECOMM-1_10 ๐Ÿ“
    -Configure Prettier to automatically format code, ensuring a consistent and readable code style. RSS-ECOMM-1_11 โœจ
    -Initialize Husky to manage Git hooks, automating tasks such as code formatting and linting checks during the commit process. RSS-ECOMM-1_12 ๐Ÿ•
  • Install and configure Jest or Vitest as the testing framework for the project, enabling comprehensive testing of code functionality. RSS-ECOMM-1_13 ๐Ÿงช

Give a thorough project description in the README file

  • Add a thorough README file in the repository, describing the project, its purpose, and the technology stack used. RSS-ECOMM-1_17 ๐Ÿ“˜
  • Clearly document all available scripts (e.g., for running ESLint, Prettier, and Jest or Vitest tests) and their usage in the README file. RSS-ECOMM-1_19 ๐Ÿ“œ
  • Provide detailed instructions for setting up and running the project locally, ensuring newcomers and contributors can quickly get started. RSS-ECOMM-1_20 ๐Ÿš€

Creating scripts for running ESLint, Prettier and Jest

  • Create a script for running ESLint across the codebase, enabling quick and efficient identification of coding style issues and potential errors. RSS-ECOMM-1_14
  • Create a script for running Prettier across the codebase, simplifying code formatting and ensuring uniform code style. RSS-ECOMM-1_15
  • Create a script for running Jest or Vitest tests, streamlining the process of executing tests and generating reports on test outcomes. RSS-ECOMM-1_16

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.