Проект Mesto

Проектная работа по созданию интерактивной страницы.

Ссылка на проект:

Mesto

Скриншоты:

Развернуть

[

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

• HTML5;
• CSS;
• JavaScript;
• WebPack

Возможности приложения:

• функция редактирования профиля ("Имя" и "О себе");
• функция добавления карточки Новое место ("Название" и "Ссылка на картинку");
• смена аватара пользователя;
• функция лайка карточки;
• функция удаления карточки, созданной пользователем;
• модальное окно с подтверждением об удалении карточки Новое место;
• функция просмотра изображения карточки в полноэкранном режииме;
• функция закрытия попапа по клику в любой области оверлея;
• функция закрытия попапа по клавише "Escape";
• функция валидации форм (изменение цвета формы и вывода сообщения об ошибке);
• функции хранения данных на сервере;
• функция, показывающая пользователю, что идёт процесс сохранения;
• функция вывода ошибок соединения с сервером;

Установка и запуск проекта:

Клонировать репозиторий:

git clone https://github.com/Pavelsmcom/mesto.git

Установить зависимости:

npm i

Запустить проект:

npm run start

Планы на доработку:

Переписать на typeScript