Mesto React

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

Описание проекта:

Mesto - это социальная сеть, где пользователь может зарегистрироваться/войти в свою учётную запись, добавлять/лайкать/удалять карточки с изображением и подписью, изменять информацию о себе в личном профиле.

Приложение Mesto React на GitHub Pages

Макеты в Figma:

• Макет 1
• Макет 2
• Макет 3
• Макет 4
• Макет 5

---

Функциональность приложения:

• Mesto-React адаптируется под разные разрешения экрана.
• Имеет всплывающие окна:
  • для редактирования информации личного профиля
  • для добавления новой карточки
  • для добавления нового аватара
  • для просмотра картинки в полном рамере
• Загрузка карточек с изображениями происходит с сервера nomoreparties.co.
• Удаление, добавление и лайк карточек
• Изменение своего аватара
• Изменение иформации в личном профиле
• Идентификация, Аутентификация, Авторизация в приложении

---

Используемые технологии:

• HTML5
• CSS3:
  • Flexbox
  • Grid Layout
  • Adaptive UI
  • Методология web-разработки BEM, фйловая структура BEM-Nested
• JavaScript:
  • ООП
  • Асинхронность
  • Promise
  • API
• React JS:
  • Create React App
  • JSX
  • Функциональные компоненты
  • Хуки
  • React Router DOM
  • JWT
  • Поднятие стейта
  • Глобальный стейт
  • Подписка на контекст
  • ProtectedRoute

---

Установка:

Клонируйте репозиторий :

git clone https://github.com/Anterul/react-mesto-auth

Перейдите в директорию, в которую был клонирован проект, введите комнду. Процесс установки может занять несколько минут:

npx create-react-app react-mest-auth

После завершения установки введите команду:

npm start

После этого проект автоматически откроется в браузере. Если этого не произошло, откройте проект в браузере, введя адрес:

http://localhost:3000/  

Необходимые приложения для ввода команд:   Git   Node.js

---