Место - сервис для обмена фотографиями. Пользователи сервиса могут добавлять, удалять фотографии, а так же ставить лайки понравившимся фотографиям. Формы добавления карточки, редактирования информации о пользователе и редактирования аватара валидируются при заполнении данных. Все всплывающие окна закрываются по нажатию на кнопку закрытия, по нажатию на оверлей, при нажатии на кнопку Esc. Для использования приложения нужна регистрация по адресу электронной почты и паролю. Почту можно указать любую, даже не существующую, подтвержения регистрации не отсылаются. Восстановить забытый пароль нельзя, зарегистрировать аккаунт на уже зарегистрированный email тоже нельзя.
Проектная работа 5 курса, спринты 12 - по профессии "Веб-разработчик" образовательной платформы ЯндексПрактикум поток №39, группа "Purple" старт обучения по основной программе - 14.11.2021 года
- Описание
- Использовано
- Процесс написания
(Изображения взяты из описаний проектных работ Яндекс.Практикум)
Место - сервис для обмена фотографиями. Пользователи сервиса могут добавлять, удалять фотографии, а так же ставить лайки понравившимся фотографиям. Формы добавления карточки, редактирования информации о пользователе и редактирования аватара валидируются при заполнении данных. Все всплывающие окна закрываются по нажатию на кнопку закрытия, по нажатию на оверлей, при нажатии на кнопку Esc. Для использования приложения нужна регистрация по адресу электронной почты и паролю. Почту можно указать любую, даже не существующую, подтвержения регистрации не отсылаются. Восстановить забытый пароль нельзя, зарегистрировать аккаунт на уже зарегистрированный email тоже нельзя.
Страница проекта на GitHub Pages
- Браузерные стили сброшены через Normalize.css;
- Семантическая верстка;
- Шрифты в форматах woff и woff2;
- Библиотека (фреймворк) ReactJS;
- Адаптивная верстка;
- Роутинг страниц с помощью react-router;
- Создано на основе шаблона Create React App;
- Склонируйте проект по HTTPS
https://github.com/AstreyaJulia/react-mesto-auth.git
или через SSH:git@github.com:AstreyaJulia/react-mesto-auth.git
; - Перейдите в папку проекта
cd react-mesto-auth
; - Установите зависимости
npm install
; - После установки зависимостей выполните
npm start
для запуска сервера разработки илиnpm build
для production-сборки проекта; - Запустить production-сборку можно выполнив
npm serve
; - После
npm start
илиnpm serve
проект будет запущен на локальном сервере по адресуhttp://localhost:3000
;
- Начальная настройка проекта, перенос предыдущего проекта;
- Добавлена валидация форм добавления карточки, редактирования профиля, редактирования аватара.
- Основная страница защищена от входа незалогированного пользователя, добавлена регистрация и авторизация.
- Изменен хедер приложения, добавлено меню выхода из приложения, отображается email залогированного пользователя.
- Добавлен компонент InfoTooltip на основе имеющегося компонента popup. Компонент настраивается через объект настроек: добавляются новые изображения и текст ошибок, изменять логику компонента не нужно.