/mesto-project-ff

Проект Mesto 🏝: интерактивная страница, где возможно загружать фотографии с подписями, удалять их, ставить лайки фотографиям, изменять информацию о себе и аватар.

Primary LanguageJavaScript

Проект Mesto

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

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

  • Загрузка и отображение изображений на странице
  • Возможность ставить лайки изображениям и удалять их
  • Возможность изменять аватар и описания профиля
  • Валидация форм
  • Адаптивный дизайн для мобильных устройств и десктопов

Организация файлов в проекте

Проект создан по методологии БЭМ, файловая структура реализована по схеме Nested:

  • Каталог blocks - содержит блоки проекта, модификаторы и элементы;
  • Каталог images - содержит изображения, используемые в проекте;
  • Каталог pages - содержит страницы сайта;
  • Каталог vendor - содержит сторонние CSS файлы.
  • Каталог scripts - содержит js файлы.

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

HTML5 CSS3 JavaScript Git Webpack Figma VS Code npm

Сборка проекта Mesto

npm install
npm run build