Описание: Проектная работа, созданная на курсе Яндекс.Практикум.
Цель проекта - создание интерактивной страницы, куда можно добавлять фотографии, удалять их и ставить лайки.
Используемые технологии:
- Nested БЭМ
- Git
- HTML/CSS (Flex, Grid, Анимации, Позиционирование)
- JS(ES6)
- ООП
- Webpack
- API
- Normalize.css
Функциональность:
- Адаптивная вёрстка
- Проработаны переполнения текстовых полей
- Реализована функциональность попапов: "Редактирование профиля","Добавление карточки","Открытие картинки","Подтверждение удаления карточки", "Обновление аватара пользователя"
- Загрузка пользовательских данных и рендеринг карточек реализуется с сервера
- Активирована кнопка для лайка карточек
- Добавлена функция удаления карточек, добавленных пользователем
- Реализовано плавное открытие и закрытие попапов
- Лайв-валидация форм
- Закрытие попапов кликом на оверлей
- Закрытие попапов нажатием на Esc
- Кнопка формы неактивна, если хотя бы одно из полей не проходит валидацию
- Склонировать репозиторий
git clone https://github.com/AlinaRashitova/mesto
- Выполнить команду
npm i
- Развернуть локальный сервер с помощью команды
npm run dev