Logo

𝕎𝕠𝕟𝕕𝕖𝕣𝕝𝕒𝕟𝕕 - 𝕓𝕒𝕝𝕠𝕠𝕟𝕤 𝕒𝕟𝕕 𝕡𝕒𝕣𝕥𝕪 𝕟𝕖𝕖𝕕𝕤

Table of Contents
  1. About The Project
  2. Getting Started
  3. Usage
  4. Contributing

About The Project

Learning project from the course The Rolling Scopes School JavaScript/Front-end

Completed: September 2023

Wonderland - online store for modern, stylish party decorations and supplies.

Team project by Kate, Irina, and Alexandr.

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 320px. This feature makes the shopping experience enjoyable, irrespective of the device users prefer.

Functionality:

  • Application is SPA
  • Product cards
  • Products by category
  • Registration and login
  • Basket for goods
  • User Profile

Technology stack

  • NPM
  • HTML5
  • SASS
  • TypeScript
  • Webpack
  • Jest

(back to top)

Getting Started

This is an example of how you may give instructions on setting up your project locally. To get a local copy up and running follow these simple example steps.

Installation

Below is an example of how to install and configure the application.

  1. Clone the repo
    git clone https://github.com/KateGoncharik/eCommerce-Application.git
  2. Install NPM packages
    npm install
  3. Start project
    npm run start

(back to top)

Usage

Available scripts:

  • Webpack
    • "build": "webpack --config ./webpack.config.js --env mode=prod"
    • "start": "webpack serve --open --config ./webpack.config.js --env mode=dev",
  • Eslint "lint:fix": "eslint --fix --ext .ts ."
  • Stylelint "stylelint": "stylelint */.scss"
  • Prettier "prettier": "npx prettier --check ."
  • Jest "test": "jest"

(back to top)

Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b feature/...)
  3. Commit your Changes (git commit -m 'Add some ...')
  4. Push to the Branch (git push )
  5. Open a Pull Request

(back to top)