oalbukova / react-mesto-auth

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

Проект "MESTO-REACT-AUTH"

Самостоятельный проект в рамках обучения на курсе веб-разработки от Яндекс Практикум.

В данном проекте:

• Создана Nested файловая структура по БЭМ.

• Для создания сеток используется flex и grid-layout.

• Сайт является кроссбраузерным.

• Макет корректно отображается на экранах популярных размеров.

• Все кнопки и ссылки плавно становятся прозрачными при наведении на них указателя мыши.

• Реализовано четыре диалоговых окна Popup посредством JavaScript.

• Popup задан полупрозрачный чёрный фон.

• Реализовано плавное открытие и закрытие модального окна CSS-стилями.

• Разработана валидация всех форм.+ Реализовано закрытие всех попап кликом на оверлей и на клавишу ESC. Реализована возможность добавления карточек со своими изображениями.

• Реализована возможность удаления своих карточек.

• Реализована возможность ставить карточкам лайки.

• Реализована возможность увеличения картинки на карточке при нажатии на нее.

• Реализована возможность изменения аватара и информации о пользователе.

• Java Script разбит на модули.

• Настроена сборка проекта Webpack.

• Взаимодействие с сервером через REST API.

• Перенос проекта на фрэймворк React.

• Использование React.useState, React.useEffect.

• Добавлены регистрация, авторизация и выход из профиля.

• Шапка сайта при разрешении < 700px реализована в стиле "бургер меню".

• Верстка сайта происходила согласно: макет Фигма1 макет Фигма2 макет Фигма3 макет Фигма4 под Pixel Perfect.

Ссылка на готовый проект

Автор: Альбукова Ольга

e-mail: [email protected]