Проектная работа на курсе в Яндекс Практикум
Портировано на React.js с 🔗 предыдущего проекта
Mesto - это сервис, который позволяет пользователю загружать фотографии с описанием и получать обратную связь в виде лайков.
Сайт является адаптивно-отзывчивым. Адаптирован под экраны с шириной 320 и 1280 пикселей,
но великолепно смотрится на всех разрешениях! 😃
В данном проекте используется методология БЭМ Nested для файловой структуры и классов. Присутствуют элементы Grid Layout, Flexbox и медиазапросы.
Интерактив:
Пользователь может изменять имя, информацию о себе и аватар, добавлять и удалять свои изображения и описанием и просматривать полномасштабные изображения - все это реализовано в виде pop-up-окон, в том числе формы. Присутствует функция "живой" валидации форм для более комфортного взаимодействия пользователем с интерфейсом. В коде используются принципы функционального и объектно-ориентированного программирования.
В последней версии проекта было добавлено взаимодействие с сервером с помощью API - теперь данные о пользователе и карточки можно загружать на сервер. Также теперь появился счетчик лайков.
Используемые языки:
- ✔️ HTML5
- ✔️ CSS3
- ✔️ JavaScript ES6 (Библиотека React.js)