- Применение навыков регистрации и авторизации пользователя
React.js, CSS3, API fetch, БЭМ nested
- элементы страницы реагирует на изменения размера экрана
- через окно формы перезаписываются значения полей
- возможность добавление новых элементов на страницу
- возможность удаление элементов со страницы
- все формы имеют плавность открытия/закрытия
- происходит валидация вводимых данных в формах
- возможность увеличение картинки по нажатия
- возможность закрытия попапов по нажатию esc
- возможность проставления/снятия лайков
- возможность редактирования аватара
- счетчик лайков
- все изменение записываются на сервер
- регистрация пользователя
- авторизация и аутентификация пользователя
blocks/ | CSS для бллоков. Проект оформлен по структуре БЭМ nested;
components/ | компоненты страницы;
contexts/ | контексты с информацией о текущем пользователе и текущими карточками;
fonts/ | шрифт Inter;
images/ | svg изображения размещенные на странице;
utils/ | находятся нужные переменные, которые отделены от основного кода;
vendor/ | normalize.css;
auth.js | в файле находятся fetch запросы авторизации, регистрации и аунтификации юзера;
index.css | import всех блоков в единый файл.
-
Cкопировать репозиторий:
https://github.com/GreySamson95/react-mesto-auth.git
; -
Установить зависимости:
npm install
; -
Запустить проект на локальном сервере:
npm start
.