Проект Mesto

Содержание

• Обзор
  • Описание
  • Функциональность
  • Скриншот
  • Ссылки
• Мой процесс
  • Построен с
  • Чему я научился
  • Что хочу изучить
• Автор

Обзор

Описание

Сайт разработан для пользователей, которые хотят поделиться фотографиями, посещенных ими мест. Пользователь имеет возможность добавить новое фото, редактировать профиль и ставить лайки на фотографии.

Функциональность

• Адаптивная верстка сайта для устройств, с разрешением экрана от 320px (максимальная ширина контента 880px);
• В проекте реализованы возможности:
  • форма редактирования профиля позволяет изменять имя и профессию пользователя;
  • форма добавления новой карточки добавляет, полученные от пользователя фото по ссылке и подпись к нему;
  • удаление и лайк карточки;
  • открытие карточки в полноэкранном виде;

Скриншот

Ссылки

• Reposotory URL
• GITpages URL

Мой процесс

Построен с

• Семантическая разметка HTML5
• Пользователские свойства CSS
• Flexbox
• Grid
• Desctop-first workflow
• JavaScript
• Адаптивная верстка сайта

Чему я научился

• Изменять свойста svg файлов;
• Прописывать логику JS:
  • Открытие и закрытие модального окна;
  • Добавление нового элемента на страницу;
  • Удаление элемента со страницы;
  • Работать с данными, полученными от пользователя;

Что хочу изучить

• Анимация SVG
• Больше JS
• Git на более продвинутом уровне

Автор

• Александр Жданко - https://github.com/Zhdko