Mesto

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

Интерактивная страница, на которой пользователи могут делиться фотографиями, удалять их и ставить лайки.
Рефакторинг предыдущего проекта Mesto, на синтаксис React.js.
Проект собран при помощи create-react-app.

---

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

• закрепить на практике пройденный учебный материал.
  • Портирование на «Реакт»;
  • Использование «Реакт»-хуков.

---

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

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

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

🔨 Стэк:

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

Цель, изучить и закрепить на практике

• React

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

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

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

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

    npm i

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

    npm run start

---

Проект собрат при помощи Create React App (CRA)
© 2022 Mesto Russia