Проект: Место на нативном React

---

Ссылка на проект

---

Проект "Mesto" реализован автором в рамках 22 потока курса по Веб-разработке от Яндекс.Практикума.

---

Пользовательский интерфейс:

1. Редактирование профиля пользователя: полей "имя" и "о себе", аватар пользователя.
2. Добавление фотографии-карточки на сайт.
3. Удаление добавленной пользователем карточки.
4. Просмотр фотографии карточки в полном размере при клике на нее.
5. Постановка и снятие лайка с карточки.
6. UX функции:
   • адаптация сайта для мобильных устройств;
   • затемнение и уменьшение прозрачности активных кнопок и элементов;
   • закрытие попапа с сохранение данных формы при нажатии кнопки "Enter";
   • закрытие попапа по клику мыши за его пределами.

---

Применение инструментов:

1. Компонетный подход БЭМ, в т.ч. файловая структура по правилам Nested БЭМ.
2. Адаптивная верстка с применением медизапросов.
3. Grid layout вёрстка.
4. Flexbox вёрстка.
5. Псевдоклассы.
6. React:
   • применение JSX разметки;
   • применение хуков в функциональных компонентах;
   • работа с формами;
   • применение контекста;
   • применение рефов;
   • поднятие состояния.
7. Применение HTTP API и Promise;