Skip to content

Mesto-interactive service for working with photos - HTML/CSS(flexbox, grid)/BEM/JavaScript(ES5/ES6)/Webpack

Notifications You must be signed in to change notification settings

bobandmermaid/Mesto

Repository files navigation

Mesto

GitHub package.json version

О проекте

  • Mesto – интерактивный сервис для работы с фотографиями
    Учебный проект сделанный для Яндекс.Практикум

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

  • Позволяет загружать новые карточки с картинкой и заголовком/ставить лайки/удалять карточки
  • Кастомная валидация форм
  • Зум картинок
  • Редактирование информации о пользователе
  • Сервис подключен к серверу. Реализовано:
    • Загрузка информации о пользователе с сервера
    • Загрузка первоначальных карточек с сервера
    • Редактирование профиля
    • Добавление новой карточки
    • Отображение количества лайков
    • Удаление карточки(можно удалять только свою)
    • Можно ставить и удалять лайки
    • Обновлять аватар

Стек

HTML
CSS(flexbox, grid)
BEM
JavaScript(ES5/ES6)
Webpack
Babel

Посмотреть

https://bobandmermaid.github.io/Mesto/

Разворачивание проекта

  1. Установить node.js, webpack
  2. Клонировать репозиторий https://github.com/bobandmermaid/Mesto.git
  3. npm i (установить пакеты)
  4. npm run dev (сборка проекта в режиме разработки)
  5. npm run build (сборка проекта для развертывания)

Что планируется:

  • Отображение количества лайков карточки
  • Удаление карточки
  • Постановка и снятие лайка
  • Обновление аватара пользователя
  • Улучшенный UX при редактировании профиля
  • Улучшенный UX при добавлении карточки

About

Mesto-interactive service for working with photos - HTML/CSS(flexbox, grid)/BEM/JavaScript(ES5/ES6)/Webpack

Topics

Resources

Stars

Watchers

Forks

Packages

No packages published