Проектная работа: "Mesto". Создана в рамках учебы в Яндекс.Практикум на курсе "Веб-разработчик".

Описание:

"Mesto" - это интерактивная страница, где пользователи могут делиться фотографиями. Она создана в рамках прохождения 4-9 спринтов курса. В работе применены расширенные возможности HTML и CSS, JavaScript (Асинхронный JS, ООП в интерфейсах, работа с DOM API и Fetch API), проверка данных форм, git, Webpack.

Функционал:

• Добавление и удаление фотографии
• "Лайк" для фотографии
• Редактирование профиля пользователя
• Данные хранятся на сервере и загружаются с сервера
• Валидация форм на стороне клиента

Технологии:

• Flexbox
• Grid Layout
• Positioning Elements
• Animation and Transform using CSS
• BEM Methodology
• File Structure and File Paths (Nested BEM)
• Git
• JavaScript (Asynchronous JS, OOP, DOM API, Fetch API)
• Client-side form validation
• Webpack
• Figma

Инструкция по установке:

git clone https://github.com/RodionOtto/mesto.git

cd mesto

npm i webpack --save-dev

npm run build

npm run dev

Проектная работа на GitHub Pages

Макеты проектной работы в Figma:

• Макет 4
• Макет 5
• Макет 6-7
• Макет 9