/mesto

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

Primary LanguageJavaScript

Проект: Mesto

Демо: borodulex.github.io/mesto

О проекте

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

Страница оптимизирована для следующих разрешений:

  • 1280px
  • 768px
  • 320px

Использованные языки, технологии и методологии

  • API
  • webpack
  • Destructuring
  • Object-oriented programming (OOP)
  • JS form validation
  • Javascript
  • HTML form
  • Grid layout
  • Media queries
  • Font smoothing
  • Figma
  • HTML
  • CSS
  • Semantic markup
  • Flexbox
  • CSS animations
  • BEM methodology
  • BEM nested file structure

Как использовать

Демо

Для ознакомления с демо посетите эту страницу.

Запуск рабочей сборки

Чтобы запустить проект в режиме разработки, выполните следующие действия:

  1. Скачайте проект
  2. При помощи терминала в папке проекта выполните команды npm install и npm run dev
  3. Браузер с адресом localhost:8080 откроется автоматически. Вы великолепны :)

Запуск финальной сборки

  1. Скачайте проект
  2. При помощи терминала в папке проекта выполните команды npm install и npm run build
  3. В корне проекта появится папка dist, перейдите в нее и запустите файл index.html
  4. Всё. Перед вами транспилированный и минифицированный код проекта

Работоспособность проверена в Firefox, Microsoft Edge, Google Chrome и Яндекс браузере.