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

Описание:

"Mesto" - это интерактивная страница, где пользователи могут делиться фотографиями. В работе применены расширенные возможности HTML, CSS и JavaScript. В данной работе реализован функционал регистрации и авторизации.

GithHub Pages	Auth Mesto

Примененные знания

• Верстка

  • Соверменная верстка с использованием Flexbox и Grid Layout
  • Семантическая верстка
  • Адаптивная верстка сайта для разных экранов (от 320 до 1280+)
  • Верстка форм (текстовые поля и кнопки)
  • Методология БЭМ

• React

  • использование Create React App
  • хуки useState и useEffect
  • поднятие стейта
  • глобальный стейт через React Context
  • управляемые компоненты в элементах формы
  • использование реф для прямого доступа к DOM-элементам

• React Router

  • реализован функционал регистрации и авторизации
  • защищенные маршруты
  • авторизация через JWT
  • работа с Local Starage

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

git clone https://goldlexx.github.io/react-mesto-auth.git

Запустите локальный сервер разработки с функцией перезагрузки в реальном времени для статических и динамических страниц - How do you set up a local testing server? (MDN web docs)

Будущая доработка проекта будет включать в себя:

• Адаптив бургер меню

Языки:

• JavaScript
• фреймворк React

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

• Макет