Интерактивная страница. Позволяет изменять имя и деятельность в профиле, с помощью формы в модальном окне
- открытие закрытие модального окна с помощью добавления и удаления класса popup_opened,
- сохранение вверденных данных пользователя из формы в модальном окне,
- замена текста. Из созданных переменных с веденными данными пользователя, в блок профиль,
- динамически выводит карточек при зпгрузке страницы из сервера
- с помощью отдельной формы popup можно добавлять отдельные карточки, при этом они сохраняются на сервер
- добавление лайков. Лайки добавляются и подружаются динамически. Имеется счетчик лайков
- загрузка аватара пользователя с сервера. Можно загружать новую картинку для аватара по url адресу, сохраняется на сервере
- можно удалять карточки, удаляются с сервера
- можно просмотреть картинку в карточки в popup
- закрытие попапов на кнопку ESC, и на свободную область.
- формы валидируются на клиенте
- весь функционал написан в ООП стиле
- регистрация и авторизация. При повторном входе ключ сохраняется в localStorage
- Google Chrome
- Yandex Browser
- Mozilla Firefox
На всех остальных браузерах, 100% поддержка не гарантируется
- flexbox,
- grid layout,
- директива @font-face, подключались локально шрифты,
- методология БЭМ
- метод построения файловой структуру для проета nested БЭМ
- директива @media для построения отзывчевой верстки
- create-react-app
- API DOM
- REST API для страницы mesto и для авторизации отдельный API. Сервер предоставлялся от яндекса
- fetch
- React
- Хуки
- React Context
- React Route
- localStorage
- Попробовать оптимизировать приложения с помощью чистых компонентов
При нажатии на кнопку esc закрывать все попапыДобавить подтверждение удаления карточки- Реализовать валидацию формы с помощью React
Реализовать на кнопке сохранить три точки во время закрытия попапаРеализовать для email в шапке адаптив- Сделать нормальные попапы в мобтльной версии. Сверить с макетом
Ссылка на проект: Места России