/react-mesto-auth

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

Primary LanguageJavaScript

Mesto (on React)

Ссылка на проект - работает на gh-pages. Имеет side effects.

О чем?

Проект служит для отработки работы с React, для чего был произведён рефакторинг проекта Mesto

Готовый функционал

  • Создать аккаунт
  • Войти в аккаунт
  • Сохранение токена для автоматического входа в аккаунт
  • Выйти из аккаунта и тем самым удалить токен
  • Открытие изображения полноразмерно по клику.
  • Добавить\удалить карточку
  • Изменить аватар
  • Изменить личные данные
  • Лайкнуть карточку
  • Защищенный роут от неавторизированных пользователей
  • Авто-перенаправление пользователей в некоторых случаях

Что используется?

  • React: hooks, функциональный подход, useState, useEffect, routing, navigation.
  • Бэм методология по Nested;
  • flex для большинства выравниваний;
  • grid для сетки с местами;
  • код отрабатывающий в случае переполнения текстового блока;
  • плавность интерактивных элементов;
  • кастомный alt для изображений;
  • адаптивная верстка;
  • код разделён на модули;
  • webpack сборщик (под капотом у React);
  • работа с api-сервера ч\з fetch синтаксис;

Надо бы починить