queenarizona / shoe-store

Shoe store single page application on React :high_heel:

Shoe store.

Дипломный проект по курсу "React" (Нетология).

Ссылка на опубликованный проект на github-pages.

Ссылка на серверную часть.

Проект представляет собой интернет-магазин обуви. Главная задача заключается в создании работающего приложения, всеми основными функциями которого можно пользоваться. Часть разметки и стилей уже реализована тут. Необходимо построить проект на React, используя для хранения состояния и побочных эффектов одну из технологий на выбор:

1. Context API + побочные эффекты в компонентах
2. Redux + побочные эффекты в компонентах, либо Action Creator'ах
3. Redux + Redux Thunk
4. Redux + Redux Observable
5. Redux + Redux Saga

Выполненные задачи:

• Реализованы компоненты для отображения статичных страниц ("О магазине", "Контакты", "404").
• Реализованы компоненты для отображения Каталога, Карточек товара и Корзины, а также структура их дочерних компонентов.
• Разработана функциональность навигационного меню в шапке и футере сайта и корректного перехода между страницами приложения при помощи роутера.
• Настроена работа с Redux Thunk для хранения состояний приложения и других эффектов.
• Написано необходимое API для работы с запросами на сервер (загрузка элементов, категорий каталога, хитов продаж, информации о товаре и т.д)
• Настроена корректная работа кнопки поиска в шапке сайте и строки поиска в каталоге.
• Реализовано хранение корзины в localStorage и удаление товаров из хранилища при удалении их из корзины, а также визуальный отклик об актуальном количестве товаров в корзине.
• Сделана функциональность для отправки готовой формы заказа на сервер и отображения сообщения пользователю об успешном оформлении заказа.
• Сделано корректное отображение loader'а при загрузке данных с сервера для отдельных элементов приложения и отображение сообщений о возникающих ошибках.
• Приложение развернуто на github-pages.

Для установки зависимостей и запуска проекта локально используются команды:

$ yarn
$ yarn run start