Demo

https://vasyliev-anton.github.io/phone-store/

Product Store App

Демонстрация проекта: Demo

A single-page application implements online store functionality. User can browse products, add them to the cart and favorites, search products, sort products, change the quantity of products in the cart, and view product details.

Features

• Global state management using Redux Toolkit library.
• Component-based approach.
• Routing for seamless navigation.
• Implementation of smooth animation effects during transitions and component switches.
• Utilization of ES6 and modern JavaScript features.
• Capability to integrate third-party plugins.
• Version control and repository link provided through Git.

Tasks

• Implement the layout of components based on provided screen examples.

• Create navigation, catalog, and shopping cart components.

• Develop functionality for users to view products, add them to the cart and favorites, search for products, sort products, modify the quantity of items in the cart, and access product details.

• Include filters for price, novelty, and product names.

• Implement a standalone search component.

• Integrate the i18n library for multi-language support in the application.

• Utilize Docker for containerizing the project.

• Запуск проекта

🛠 Skills

• React.js (последняя версия)
• TypeScript
• Redux \ Redux Toolkit
• i18n
• Docker
• CSS Architecture (БЭМ)
• CSS Frameworks \ Bulma
• REST (Axios/Fetch)
• Git
• Lazy Loading
• SweetAlert
• ClassNames library
• JSON to TS converter

Запустить локально

Clone the project

  git clone SSH

Go to the project directory

  cd my-project

Install dependencies

  npm install

Start the server

  npm run start

Docker

Clone the project

  git clone SSH

Go to the project directory

  cd my-project

Start docker compose

  docker-compose build

Start the project

  docker-compose up