Использованные технологии:
- Данный лендинг был адаптирована под два вида расширений: 1280px, 320px. с помощью media;
- Мекат для адаптации был взят из Figma;
- Использованы: flex, выравнивание сетки с grid, создана Nested файловая структура по БЭМ;
- Добавлен функционал в виде кнопок изменения и отправки формы;
- Добавлена возможность создания и удаления карточек;
- Увеличение карточек с картинками при нажатии;
- Изменение цвета значка like при нажатии (и снятие цвета при повторном нажатии);
- Добавлена валидность input-ов;
- Закрытие окон при нажатии на ESC;
- Созданы классы;
- JS разбит на модули, использованы export и import;
- Настроен Webpack;
- Создан класс API.
Макеты проектной работы в Figma:
Чеклисты проектной работы:
Для развертывания проекта необходимо:
- Запустить "GitBash"("Terminal" на Mac OS);
- Выполнить команду "git clone https://github.com/Gonzoooo/mesto.git";
- Выполнить команду "cd mesto";
- Выполнить команду "npm i webpack --save-dev";
- Выполнить команду "npm run build";
- Выполнить команду "npm run dev".