Представляет собой небольшое SPA приложение-фотохостинг, позволяющее опубликовывать новые фотографии и выполнять с ними различные интерактивные действия.
В приложении реализован следующий функционал:
- редактирование имени профиля и его описания
- загрузка нового аватара пользователя указанием ссылки на изображение
- добавление новой фотографии с описанием
- возможность ставить/убирать лайк с фотографий
- удаление фотографий, созданные пользователем
- просмотр полноразмерного изображения при клике на фото
- реализованы авторизация и регистрация пользователя
Все изменения сохраняются на сервере при помощи асинхронных запросов. В галереи всегда будут отражены последние 30 карт.
- Адаптивная вёрсткая с помощью HTML5/CSS3
- Использование методологии БЭМ
- Приложение было собрано с помощью CRA (Create React App)
- Был использован компонентный подход с использованием различных технологий React, таких как использование различных хуков, контекста, поднятие стейта, рефы, чистые компоненты
- Была использована библиотека маршрутизации React Router для создания маршрутов, их защиты, а также переадресации пользователя
- Реализовать динамическую валидацию форм вместо стандартной браузерной с использованием кастомного хука валидации
- Добавить попап подтверждения удаления карточки
Демо: https://stankena.github.io/react-mesto-auth
Версия на ванильном JS https://github.com/stankenA/mesto