Mesto

Это одностраничный сайт, на котором пользователи могут добавлять свои фото, ставить лайки, изменять аватар и данные своего профиля.

Ссылка для демонстрации проекта: Место

ТЗ

Сверстать одностраничный сайт по макетам из Figma с корректным отображение элементов на различных разрешениях от 320px до 1280px, также реализовать изменение данных профиля и автара, добавление/удаление/лайки карточек.

Технологии

В данном проекте были использованы следующие технологии:

• Flexbox
• Grid table
• Файловая структура по БЭМ (Nested)
• Плавные анимации по наведению
• Оптимизация шрифтов
• Метатег масштабирования @media
• Локальное подключение шрифта Inter
• Использование JS, для изменения полей в шапке страницы,лайков, добавления/удаления и открытия карточек
• Использование классов
• Сборка проекта с помощью Webpack
• Попапы с анимациями
• Взаимодействие с сервером REST API (исходный массив карточек, лайки, аватар, описание, добавление/удаление карточек)

Планы по дальнейшей доработке проекта:

• Добавить “липкий футер“