Проект: Кудри

Описание проекта

Cайта салона красоты.

Состоит из блоков:

• header - логотип и навигация
• команда - карточки с фото и информацией о мастерах, блок имеет горизонтальный скрол при ширине экрана меньше ширины блока
• прайс - таблицы с ценами по категориям с опцией открытия и закрытия (аккордеон)
• фотографии - два grid-блока с фотографиями с опцией открытия fullscreen и кнопкой для загрузки дополнительных фотографий
• подвал - контакты-ссылки
• online-запись - форма для онлайн записи в салон, разбитая на блоки; реализован слайдер для для перехода вперёд и назад по блокам формы; реализована блокировка дат и времени, недоступных для записи на основе данных из БД

При разработке использовались следующие технологии:

• React 18
• React-router 6
• Redux
• TypeScript
• HTML5-вёрстка с использованием семантических тегов
• CSS3
  • Flexbox
  • Grid-Layout
  • анимация
  • отзывчивая и адаптивная вёрстка
  • mobile first
• файловая структура БЭМ flex
• Firebase

Для запуска проекта

1. Клонируйте репозитория

   git clone [email protected]:tereneka/kudry-client.git

2. Установите NPM пакеты

   npm install

3. Запустите проект на локальном сервере

 npm run start

посмотреть проект можно здесь