Mesto

Ссылка на DEMO проекта

• Figma макет проектной работы №4
• Figma макет проектной работы №5
• Figma макет проектной работы №6

Интерактивная страница, на которой пользователи могут делиться фотографиями, удалять их и ставить лайки.

---

Учебный проект создан в период прохождения 4-9 спринтов курса Веб-разработчик. Цель проекта:

• закрепить на практике пройденный учебный материал.

---

Проектная работа студента Яндекс.Практикум

На сайте реализовано:

• редактирование имени и род занятий
• изменение аватарки профиля
• добавление и удаление фотографии мест с описанием
• реализован рейтинг фотографии (кнопка лайк)
• просмотр фотографии на полный экран;
• закрытие попапа по оверлею и по нажатию на Escape;
• реализована валидация форм средствами JS
• все данные хранятся на сервере, использовано стороннее API

🔨 Стэк:

• 
• 
• 
  • Flexbox;
  • Grid Layout;
  • Positioning;
  • Adaptive UI;
  • Media Queries;
• Методология БЭМ
• Файловая структура Nested БЭМ;
• 
  • Стиль CamelCase;
  • ООП;
  • Асинхронность и оптимизация;
  • REST API
• 

🔧 Инструкция:

1. Установить Node.js
2. Установить Git
3. Скачайть или склонировать себе командой:

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

4. Установите зависимости:

    npm i

5. Запустить проект:

    npm run start

---

© 2022 Mesto Russia