Skip to content

DSFKnight/project-mesto

Repository files navigation

Mesto Project

Проект представляет собой интерактивный интерфейс для работы с карточками, где пользователи могут добавлять, удалять и лайкать карточки с фотографиями, а также взаимодействовать с профилем.

Работа с карточками:

  • Все карточки корректно создаются из данных, полученных с сервера.
  • Корзина для удаления отображается только на карточках, созданных текущим пользователем.
  • Лайки корректно отображают состояние: активны для карточек, которые текущий пользователь лайкнул.

Добавление карточек:

  • Реализована форма добавления карточки, которая открывается по нажатию кнопки.
  • Добавление новой карточки возможно как с помощью кнопки, так и нажатием клавиши Enter в любом текстовом поле формы.

Работа с лайками и удалением:

  • Лайки работают корректно: можно ставить и убирать с карточек.
  • Удаление карточек осуществляется корректно и доступно только для карточек текущего пользователя.

Валидация форм:

  • Все поля ввода в формах имеют включённую валидацию.
  • Кнопка отправки формы остаётся неактивной, если хотя бы одно из полей не проходит валидацию.

Окна:

  • Открытие и закрытие модальных реализовано с добавлением и удалением слушателя событий для закрытия окна по нажатию клавиши Esc.

Использовавшиеся технологии и организации структуры

  • HTML
  • CSS
  • JavaScript
  • API
  • Webpack
  • БЭМ

Автор