Сервис обмена карточками интересных мест.
Каждая карточка включает в себя фотографию места, название, кнопку лайка с счетчиком, иконку удаления. Кроме этого, имеется возможность добавления личной информации - имени, профессии и аватара. Пользователь может отредактировать всю личную информацию, загрузить, лайкнуть или удалить карточку.
Весь процесс взаимодействия с данными происходит путем общения с API удаленного сервера Практикума. В случае неудачного запроса на сервер пользователю выдается соответствующая ошибка.
HTML,CSS-верстка, методология BEM. В проекте использован нативный JavaScript: ООП, асинхронный код, fetch-запросы, регулярные выражения. JS-компоненты разбиты на модули. Во всех формах используется валидация средствами HTML и JavaScript.
Для сборки проекта использован Webpack:
- оптимизированы картинки и шрифты
- минимизация CSS кода
- добавлены вендорные префиксы
- транспиляция JS-кода в Babel
- использованы абсолютные пути для CSS файлов
Демо проекта: https://andrewlapshov.github.io/Mesto/
Для запуска проекта локально:
git clone https://github.com/andrewLapshov/Project-3_Mesto.git
- клонировать репозиторийnpm install
- установить все необходимые пакетыnpm run dev
- проект будет доступен на локальном порте 8080