Этот проект представляет собой интерактивную страницу, где пользователи могут:
- Редактировать свой профиль (имя, описание, аватар).
- Добавлять карточки с изображениями.
- Удалять свои карточки.
- Ставить и убирать лайки.
- Просматривать изображения карточек в увеличенном виде.
Все изменения сохраняются на сервере, а интерфейс обновляется в реальном времени.
- Редактирование профиля: возможность изменить имя, описание и аватар.
- Добавление карточек: форма для создания новых карточек с указанием названия и URL изображения.
- Удаление карточек: возможность удалять только свои карточки.
- Лайки: возможность ставить и снимать лайки с карточек.
- Увеличение изображений: просмотр изображений в отдельном модальном окне.
- Улучшенный UX: кнопки с состоянием загрузки во время взаимодействия с сервером.
- HTML5 и CSS3 для структуры и оформления страницы.
- JavaScript (ES6):
- Модульная архитектура.
- Асинхронные запросы с использованием
fetch
. - Работа с DOM для обновления интерфейса.
- Webpack: сборка проекта.
- BEM (Nested): методология для именования классов CSS.
- Git: система контроля версий.