Интерактивная страница, куда можно добавлять фотографии, удалять их и ставить лайки. В сравнении с предыдущей работой в данном проекте добавлен функционал регистрации и авторизации пользователей на сайте в своем личном кабинете.
https://www.figma.com/file/5H3gsn5lIGPwzBPby9jAOo/Sprint-14-RU?node-id=0%3A1
https://dayenscode.github.io/react-mesto-auth/
- git clone https://github.com/DayensCode/react-mesto-auth.git - клонировать репозиторий (с использованием HTTPS) на свое устройство
- npm ci - установить зависимости
- npm start - запустить приложение в режиме разработчика (в браузере ввести ссылку http://localhost:3000/react-mesto-auth/sign-in, если приложение не открылось там автоматически)
- При использовании приложения для входа в личный кабинет пользователю требуется зарегистрироваться https://dayenscode.github.io/react-mesto-auth/sign-up и пройти авторизацию https://dayenscode.github.io/react-mesto-auth/sign-in
- При авторизации в локальном хранилище сохраняется токен пользователя, который при закрытии вкладки с приложением и возвращении на страницу обратно, позволяет оставаться авторизованным на сайте. Токен удаляется после нажатия на кнопку выхода из личного кабинета
Была осуществлена верстка дополнительных компонентов (стартовых окон с формами регистрации и авторизации пользователей) и элементов (отображаемый логин-почта, кнопка выхода из личного кабинета), был написан соответсвующий функционал.
- Регистрация и авторизация пользователей
- Редактирование данных пользователя
- Обновление автара
- Добавление новой карточки
- Добавление и снятие лайка (есть счетчик лайков)
- Модальное окно успешной/неудачной регистрации на сайте
- Модальное окно с увеличенной фотографией карточки
- Адаптация новых компонентов
- Добавление модального окна подтверждения удаления карточки
- Открытие и закрытие модальных окон по оверлэю и клавише "Escape"
- Добавление спиннеров загрузки
- Валидация форм
- Окно предварительной загрузки страницы
- Страница 404
- Оптимизация приложения для людей с ограниченными возможностями (label для инпутов форм)
- Добавление функции сабмита форм нажатием на клавишу "Enter"