Mesto_JS_BaturinSS.mp4
Интерфейсы с использованием React.
Интерактивная страница, куда можно добавлять фотографии, удалять их и ставить лайки. Проектная работа по курсу Front-end-разработчик. Проект реализован под присмотром опытных менторов из материалов предоставленных Яндекс.Практикум по макету в Figma. Работа проверена опытными ревьюерами. В проекте применяются технологии построения сетки CSS Flexbox и CSS Grid Layout. Это адаптивная верстка под разные устройства. Для адаптации используются медиа запросы. Логика реализованна на javaScript. Открывается и закрывается окно изменения данных. Вносятся изменения из формы на сайт. Реализована возможность отметки на фото ❤️. Сайт подключен к серверу. Все данные сохраняются путем отправки запросов. Проект собран при помощи React.js.
Макет
Чеклист для самопроверки
✅ Скачать проект в архиве .zip;
✅ npm i — установка зависимостей;
✅ npm run build — сборка production;
✅ npm run start — запуск веб сервера в режиме develop.
✅ Регистрация пользователя на сервере
✅ Авторизация пользователя на сервере
✅ Защищенные страницы от не авторизованных пользователей
✅ Загрузка информации о пользователе с сервера
✅ Загрузка первоначальных карточек с сервера
✅ Добавление новой карточки
✅ Отображение количества лайков
✅ Удаление карточки(можно удалять только свою)
✅ Можно ставить и удалять лайки
✅ Обновлять аватар
Для удобства разворачивания проекта удалено вынес в этот репозиторий отдельно приложение(frontend) часть проекта.
Ссылка на оригинал проекта