Проект "Mesto" реализован автором в рамках 22 потока курса по Веб-разработке от Яндекс.Практикума.
- Редактирование профиля пользователя: полей "имя" и "о себе", аватар пользователя.
- Добавление фотографии-карточки на сайт.
- Удаление добавленной пользователем карточки.
- Просмотр фотографии карточки в полном размере при клике на нее.
- Постановка и снятие лайка с карточки.
- UX функции:
- адаптация сайта для мобильных устройств;
- затемнение и уменьшение прозрачности активных кнопок и элементов;
- закрытие попапа с сохранение данных формы при нажатии кнопки "Enter";
- закрытие попапа по клику мыши за его пределами.
- Компонетный подход БЭМ, в т.ч. файловая структура по правилам Nested БЭМ.
- Адаптивная верстка с применением медизапросов.
- Grid layout вёрстка.
- Flexbox вёрстка.
- Псевдоклассы.
- React:
- применение JSX разметки;
- применение хуков в функциональных компонентах;
- работа с формами;
- применение контекста;
- применение рефов;
- поднятие состояния.
- Применение HTTP API и Promise;