Проект 4: Место

Описание проекта

Интерактивный сервис Mesto.

Реализованный функционал сервиса:

1. Изменение имени и профессии в профиле.
2. Добавление новых фотографий.
3. Возможность поставить лайк и удалить фотографию.
4. Просмотр фото в полноэранном режиме.
5. Добавлена возможность закрытия Popup-ов по нажатию на ESC и на оверлэй.
6. Создан класс Card, содержащий приватные методы и публичный метод предоставления элемента для вставки в DOM.
7. Создан класс FormValidator, содержащий приватные методы и публичные методы включения и отключения ошибок валидации.
8. Созданы классы Section, Popup, PopupWithImage, PopupWithForm, UserInfo.
9. Подключен API для работы с сервером.

При созданиии сервиса были использованны такие технологии как:

1. HTML.
2. CSS: технологии Media Queries, Flex и Grid контейнеров для создания адаптивной верстки.
3. JS: создание переменных,функций и классов с публичными и приватными методами; добавление и удаление eventListener; использование методов обработки массивов; использование средства validity для создания функции валидации форм.
4. Webpack. Настроена сборка проекта.

Просмотр на GitHub Pages

Ссылка на страницу GitHub Pages

Локальное развертывание проекта

If you want to work on the library locally:

1. Создайте Fork данного репозитория и клонируйте свою версию репозитория
2. Установите npm зависимости

npm install

3. Запустите сборку проекта.

npm run build

4. Готовый проект будет находиться в папке dist.