Проект: Mesto

Проект: Mesto

Данный проект является итоговой работой за 4-5-6-7-8-9 спринт на Яндекс.Практикуме.

---

Описание

---

О чём проект?

Данное вэб-приложение позволяет фотографам делиться своими работами.

В нём представлены:

• Профиль пользователя и данные о нём;
• Фото-карточки с возможностью добавления и оценивания.

---

Функциональность:

• Редактирование профиля (имя и место работы);
• Добавление своих фото-карточек;
• Удаление своих фото-карточек;
• Возможность поставить лайк понравившейся публикации;
• Просмотр фотографии на полный экран;
• Закрытие попапа по оверлею (фону) и по нажатию на Escape;
• Реализована валидация всех форм;
• Все данные хранятся на сервере, использовано сторонее API.

---

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

• Данный проект является одностраничным сайтом, написанный на языке разметки HTML5;
• Стили и картинки в самостоятельных папках и разбиты по блокам. Создана файловая структура по БЭМ (Nested);
• Для создания сеток используется flex и grid;
• Реализованны переходы состояний ссылок и попапов (плавное затенение);
• Сайт адаптивен. Корректно отображается на самых популярных разрешениях экрана;
• Реализована валидация всех форм на сайте средствами JS;
• Код написан по парадигме ООП;
• Сборка проекта осуществлена с помощью Webpack;
• Ссылка на реализованный проект.

---

Планы по доработке:

• Улучшить UX и UI.

---

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

npm i — установка зависимостей;

npm run dev — запускает проект на локальном сервере;

npm run deploy — производит сборку и отправляет на github pages;