/mesto-react

Фронтенд проекта Mesto на React.

Primary LanguageJavaScript

Mesto (on React)

О чем?

Проект служит для отработки работы с React, для чего был произведён рефакторинг проекта Mesto

Готовый функционал

  • Открыть\закрыть по клику на крестик попап добавления карточки места.
  • Открыть\закрыть по клику на крестик попап обновления аватара.
  • Открыть\закрыть по клику на крестик попап изменения данных профиля.
  • Открытие изображения полноразмерно по клику.

Что используется?

  • React: hooks, функциональный подход, useState, useEffect.
  • Бэм методология по Nested;
  • flex для большинства выравниваний;
  • grid для сетки с местами;
  • код отрабатывающий в случае переполнения текстового блока;
  • плавность интерактивных элементов;
  • кастомный alt для изображений;
  • адаптивная верстка;
  • код разделён на модули;
  • webpack сборщик (под капотом у React);
  • работа с api-сервера ч\з fetch синтаксис;