https://github.com/pyctam-ac/react-mesto-auth
Проект Mesto на Реакте с авторизацией и регистрацией
https://github.com/pyctam-ac/react-mesto-auth
Last synced: about 2 months ago
JSON representation
Проект Mesto на Реакте с авторизацией и регистрацией
- Host: GitHub
- URL: https://github.com/pyctam-ac/react-mesto-auth
- Owner: Pyctam-AC
- Created: 2023-05-14T09:59:31.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2023-05-29T16:30:28.000Z (about 3 years ago)
- Last Synced: 2025-07-05T06:40:03.388Z (11 months ago)
- Language: JavaScript
- Size: 10.3 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Двенадцатая проектная работа - "Mesto"
### Цель проекта: создать первое приложение на React.
Приложение представляет собой страницу предпалагемой социальной сети.
На странице представлена информация о пользователе с фотографией (аватаром).
На странице отображаются фотографии с описанием, а также с количеством проставленных лайков 
При клике на на картинку из ленты, открывается модальное окно - для возможности более детально рассмотреть фотографию.
Картинкам можно ставить лайки.
Для регистрации пользователя необходимо ввести email и придумать пароль.
---
- Приложение написано на React, с исползованием хуков:
useState, useEffect
- Переход между страницами выполнен на react-router-dom
- Код написан с использованием функцинальных компонентов.
- Выполнены Api-запросы к стороннему сервису.
- Блоки стилей выполнены в соответсвии с БЭМ.
- Реализованы регистрация и авторизация пользователя с запросом к Api.
- Реализована функция аутентификации пользователя с запросом к Api.
- Реализована функция открытия по клику на кнопку.
- Для закрытия модального окна по нажатию клавиши Esc и кликом на оверлей исползован кастомный usePopupClose.
- Реализована функция редактирования профиля через Api-запрос.
- Реализована функция добавления и удаления постов в ленте через Api-запрос.
- Для мобильной версии экрана выполнено "бургер-меню" сверху.
- Реализована валидация для каждого поля формы.
- Валидация формы написана с useForm от react-hook-form
- В поле ввода пропсы прокидываеются с исползованием forwardRef
ссылка на [***react-mesto-auth***](https://pyctam-ac.github.io/react-mesto-auth/index.html)
---
### Автор проекта - Рустам Султангалиев.
---
