Mesto
- сайт, где можно делиться фотографиями, ставить карточкам лайки или дизлайки.
Первоначальные данные о пользователе и карточках подгружаются с сервера.
Реализована возможность редактирования профиля пользователя, смены аватара.
По клику можно посмотреть картинку в большем масштабе (zoom).
Есть возможность удалять карточки.
Реализовано всплывающее подтверждение для удаления карточек.
Закрытие попапов по Overlay и Escape.
Используемые технологии:
- Верстка сайта с использованием HTML5 и CSS3
- Файловая структура проекта БЭМ (Nested)
- Создание попапов и форм
- Валидация форм
- Объектно-ориентированный подход
- Асинхронный код
- Запросы к API
- Сборка проекта Webpack
- Транспиляция JS инструментами Babel
Запуск проекта
-
Клонировать репозиторий
git clone https://github.com/olesia1205/mesto.git
-
Установить зависимости
cd mesto
npm install
-
Для запуска использовать команды
npm run dev
Запуск проекта в режиме разработки. Для просмотра результатов в браузере откройте http://localhost:8080 После внесения изменений страница перезагрузится автоматически
npm run build
Создает финальную сборку проекта, готовую для развертывания, в папке
dist