Frontend-проект: "Место"
Описание проекта
Интерактивная страница, куда можно добавлять фотографии, удалять их и ставить лайки.
Ссылка на макет
https://www.figma.com/file/2cn9N9jSkmxD84oJik7xL7/JavaScript.-Sprint-4?node-id=0%3A1
Ссылка на проект
https://dayenscode.github.io/mesto/
Используемые языки
Установка и запуск приложения в локальном репозитории
- git clone https://github.com/DayensCode/mesto.git - клонировать репозиторий (с использованием HTTPS) на свое устройство
- npm install webpack --save-dev - установить зависимости
- npm run dev - запустить приложение в режиме разработчика
Процесс создания
Была осуществлена адаптивная дизайн-верстка по макету из Figma (desktop first). Проведена оптимизация картинок через онлайн-сервис tinypng.com. Обмен данными производится через API (используется учебный сервер Яндекс.Практикума).
Функционал
- Редактирование пользовательских данных (аватара и профиля)
- Добавление новых карточек
- Удаление своих карточек
- Добавление и снятие лайка (есть счетчик лайков)
- Просмотр изображения в оригинальном размере
- Валидация форм
Планы по улучшению
- Портирование проекта в react app
- Добавление регистрации и авторизации пользователя