Skip to content

Latest commit

 

History

History
53 lines (41 loc) · 2.91 KB

README.md

File metadata and controls

53 lines (41 loc) · 2.91 KB

Проект: Mesto

Проект: Mesto

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


Описание


SNIMOK-EKRANA-2023-02-04-195450.png

О чём проект?

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

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

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

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

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

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

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

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

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

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

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

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

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