Skip to content

пример работы страницы интернет магазина, с функцией добавления товара в корзину

Notifications You must be signed in to change notification settings

Pyctam-AC/e-commmerce_SPA

Repository files navigation

E-commerce

фрагмент работы интернет-магазина


в приложении реализованы следующий функции:

  • запрос к серверу за получением всех видов товаров и отображение этих товаров на странице
  • запрос к серверу для более детального отображения товаров с указанием заданных парпметров (наименование, цвет, размер, цена) или отсутвия в наличии
  • возможность выбора параметра товара, перед добавлением в корзину
  • отображение товаров добавленных в корзину

  • Стэйт-менеджер для хранения и передаче данных в приложении применён Redux-toolkit
  • Переход между страницами проекта выполнен с помощью библиотеки react-router-dom
  • Временное хранение данных о товарах в корзине реализовано в sessionStorage
  • Выполнена адаптивная вёрстка под различные виды экранов

стэк проекта

javascript   typescript   react   vitejs   taiwindCSS   Redux Toolkit  


ссылка репозитория на GitHub https://github.com/Pyctam-AC/e-commmerce_SPA.git


установка всех зависимостей

npm i

старт приложения

npm run dev

приложение открывается по локальной ссылка

http://localhost:5173/

открыть приложение можно по ссылке

tapping on the keyboard

About

пример работы страницы интернет магазина, с функцией добавления товара в корзину

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published