Интерактивная страница, куда можно добавлять/ удалять фотографии, ставить лайки и редактировать профиль. Является упрощенной копией Инстаграма.
| Посмотреть этот проект |
Проект Mesto стал моим первым серьезным проектом и иыспытание на пути Веб разработчика. Начавшись с банальной верстки, он расширялся и обрастал все новым и новым функционалом. Статичная разметка из карточек заменялась на динамический рендеринг с использованием шаблона и данных из локального массива. Массив данных, впоследствии, стал запрашиваться с сервера. Для карточек появилась возможность лайков, открытия - фуллскрин, удаления и добавления. Функциональный подход был переписан на классовый. Добавилась динамическая валидация форм. Этот проект дал мне хорошие базовые знания и подготовил к изучению новых библиотек и фреймворков.
- Figma
- Методология БЭМ (Nested БЭМ)
- Адаптивная верстка
- Синтаксис ES6
- ООП
- REST API
- Динамическая валидация форм
- Webpack
- Проект подключен к серверу и размещен в интернете с использованием GitHub Pages
Запуск приложения в режиме разработки.
Откройте http://localhost:3000 чтобы увидеть результат в браузере.
Страница обновится автоматически при внесении изменений.
- При нажатии на кнопку редактирования аватара, откроется попап. Для изменения аватара профиля введите ссылку на изображение и нажмите "Сохранить."
- При нажатии на кнопку редактирования профиля, откроется попап. Для изменения имени и информации о себе введите необходимую информацию и нажмите кнопку "Сохранить"
- При нажатии на кнопку добавления фотографии, откроется попап. Для добавления фотографии на страницу введите ссылку на изображение и нажмите "Создать"
- При нажатии на изображение откроется полноэкранный попап с данным изображением.
- При нажатии на сердечко устанавливается/снимается лайк для данной карточки
Данный проект является учебным, дальнейшая работа над ним не планируется
- Никита Семенов - Web Developer - Никита Семенов - **