Skip to content

Проект: Место, интерактивная страница для размещения фотографий

Notifications You must be signed in to change notification settings

olesia1205/mesto

Repository files navigation

LOGO

Проект: Mesto

О проекте

Mesto - сайт, где можно делиться фотографиями, ставить карточкам лайки или дизлайки.
Первоначальные данные о пользователе и карточках подгружаются с сервера.
Реализована возможность редактирования профиля пользователя, смены аватара.
По клику можно посмотреть картинку в большем масштабе (zoom).
Есть возможность удалять карточки.
Реализовано всплывающее подтверждение для удаления карточек.
Закрытие попапов по Overlay и Escape.

Используемые технологии:

  • Верстка сайта с использованием HTML5 и CSS3
  • Файловая структура проекта БЭМ (Nested)
  • Создание попапов и форм
  • Валидация форм
  • Объектно-ориентированный подход
  • Асинхронный код
  • Запросы к API
  • Сборка проекта Webpack
  • Транспиляция JS инструментами Babel

Запуск проекта

  1. Клонировать репозиторий

    git clone https://github.com/olesia1205/mesto.git

  2. Установить зависимости

    cd mesto

    npm install

  3. Для запуска использовать команды

    npm run dev

    Запуск проекта в режиме разработки. Для просмотра результатов в браузере откройте http://localhost:8080 После внесения изменений страница перезагрузится автоматически

    npm run build

    Создает финальную сборку проекта, готовую для развертывания, в папке dist


screenshot screenshot screenshot screenshot

About

Проект: Место, интерактивная страница для размещения фотографий

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published