проект "React-mesto" Ссылка на GitHub Pages
Одностраничный сайт с функционалом Instagram Реализованы следующие функциональности:
- Редактирование профиля и аватара
- Добавление и удаление карточек(удалять можно те карточки, которые пользователь добавил сам, чужие карточки не удаляются)
- Добавление и удаление лайков + счетчик
- Открытие фотографии в полном размере
- Регистрация и авторизация
Адаптивная верстка При использовании медиазапросов создан адаптивный сайт. Основные интервалы медиазапросов: 1280, 1024, 768, 320.
Анимация Была реализована анимация для кнопок и картинок при наведении. Открытие и закрытие попапов - плавное.
Технологии
- HTML5
- CCS3
- JavaScript (стандарт ES6)
- React (Create React App, портирование разметки в JSX, функциональные компоненты + хуки)
- Адаптивная верстка (мобильные устройства, планшеты, десктопы)
- Методология БЭМ (файловая структура)
- Flexbox
- GRID
- Позиционирование
- Псевдоклассы
- Webpack