Skip to content

shuraaas/mesto

Repository files navigation

«Место» — проектная работа №9, 9 спринт, 4 курс

Что за проект:

«Место» — веб-страница с галереей фотографий, с которой можно взаимодействовать: поменять имя, описание и аватар пользователя, добавить новые и удалить существующие карточки, поставить лайк на карточку, развернуть картинку карточки на полный экран. Реализована клиентская валидация форм, улучшен UX при работе с попапами. В этой проектной работе переписали часть кода по принципам ООП, отрефакторили код, добавили несколько дополнительных классов, собрали проект с помощью Webpack.

Что использовал при создании:

  • HTML
  • CSS
    • Flexbox
    • Grid Layout
  • JavaScript
  • БЭМ Nested
  • Git
  • ООП
  • NPM
  • Webpack

Порядок работы с проектом:

  1. Клонировать проект: git clone https://github.com/shuraaas/mesto.git
  2. Установить зависимости: npm i
  3. Запустить dev-server: npm run dev
  4. Собрать проект: npm run build
  5. Задеплоить в Github Pages: npm run deploy

Посмотреть страницу и макет:

Что можно улучшить:

Переписать приложение на React.