/react-mesto-auth

Проект Mesto на Реакте с авторизацией и регистрацией

Primary LanguageJavaScript

Проект: "Mesto"- аналог социальной сети

Учебный проект в рамках обучения на Yandex-practicum, профессии "Веб-разработчик"

Проект создал:

Андрей Дунаев

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

  • Возможность создания пользователя (регистрации)
  • Возможность авторизации пользователя
  • Работа с JWT-токеном для возможности не вводить логин и пароль
  • Возможность редактировать данные пользователя
    • Аватар
    • Имя
    • Профессию
  • Возможность создавать карточки с фотографиями
  • Возможность просматривать увеличенную фотографию
  • Возможность устанавливать/снимать лайки
  • Возможность удалять свои карточки
  • Возможность проосмотра списка лайкнувших пользователей при наведении мыши на значек лайка
  • Возможность просмотра автора поста, при наведении на карточку (попап с данными об авторе движется за мышью)

Цели проекта:

  1. Переписать проект с применением парадигмы ООП с помощью библиотеки React
  2. Научиться применять функциональные компоненты
  3. Научиться применять состояния
  4. Научиться применять контекст
  5. Научиться создавать роуты
  6. Научиться создавать защищенные роуты
  7. Научиься работать с local storage
  8. Научиться пользоваться Хуками
  9. Познакомиться с CRA
  10. Научиться работать с SPA
  11. Познакомиться с REST Api

Планы на будущее:

  1. Добавить валидацию форм
  2. Переписать CSS с применением модулей

Технологии и инструменты использованные в проекте:

  • HTML5
    • Кроссбраузерная верстка
  • CSS3
    • Flex
    • Grid
    • Адаптивная верстка
    • Резиновая верстка
    • БЭМ
    • Pixel perfect
  • JS
  • React
  • CRA
  • Работа с модулями
  • Webpack
  • Figma
  • Git

Ссылка на страницу проекта:

https://andrey1079.github.io/react-mesto-auth/