/react-mesto-auth

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

Primary LanguageJavaScript

Учебный проект "Место"

Место - сервис для обмена фотографиями. Пользователи сервиса могут добавлять, удалять фотографии, а так же ставить лайки понравившимся фотографиям. Формы добавления карточки, редактирования информации о пользователе и редактирования аватара валидируются при заполнении данных. Все всплывающие окна закрываются по нажатию на кнопку закрытия, по нажатию на оверлей, при нажатии на кнопку Esc. Для использования приложения нужна регистрация по адресу электронной почты и паролю. Почту можно указать любую, даже не существующую, подтвержения регистрации не отсылаются. Восстановить забытый пароль нельзя, зарегистрировать аккаунт на уже зарегистрированный email тоже нельзя.

Проектная работа 5 курса, спринты 12 - по профессии "Веб-разработчик" образовательной платформы ЯндексПрактикум поток №39, группа "Purple" старт обучения по основной программе - 14.11.2021 года

Обзор

  • Описание
  • Использовано
  • Процесс написания

Описание

(Изображения взяты из описаний проектных работ Яндекс.Практикум)

Место

Место - сервис для обмена фотографиями. Пользователи сервиса могут добавлять, удалять фотографии, а так же ставить лайки понравившимся фотографиям. Формы добавления карточки, редактирования информации о пользователе и редактирования аватара валидируются при заполнении данных. Все всплывающие окна закрываются по нажатию на кнопку закрытия, по нажатию на оверлей, при нажатии на кнопку Esc. Для использования приложения нужна регистрация по адресу электронной почты и паролю. Почту можно указать любую, даже не существующую, подтвержения регистрации не отсылаются. Восстановить забытый пароль нельзя, зарегистрировать аккаунт на уже зарегистрированный email тоже нельзя.

Страница проекта на GitHub Pages

Использовано:

  1. Браузерные стили сброшены через Normalize.css;
  2. Семантическая верстка;
  3. Шрифты в форматах woff и woff2;
  4. Библиотека (фреймворк) ReactJS;
  5. Адаптивная верстка;
  6. Роутинг страниц с помощью react-router;
  7. Создано на основе шаблона Create React App;

Установка и запуск:

  1. Склонируйте проект по HTTPS https://github.com/AstreyaJulia/react-mesto-auth.git или через SSH: git@github.com:AstreyaJulia/react-mesto-auth.git;
  2. Перейдите в папку проекта cd react-mesto-auth;
  3. Установите зависимости npm install;
  4. После установки зависимостей выполните npm start для запуска сервера разработки или npm build для production-сборки проекта;
  5. Запустить production-сборку можно выполнив npm serve;
  6. После npm start или npm serve проект будет запущен на локальном сервере по адресу http://localhost:3000;

Спринт 12 (17.05.2022 - ):

  1. Начальная настройка проекта, перенос предыдущего проекта;
  2. Добавлена валидация форм добавления карточки, редактирования профиля, редактирования аватара.
  3. Основная страница защищена от входа незалогированного пользователя, добавлена регистрация и авторизация.
  4. Изменен хедер приложения, добавлено меню выхода из приложения, отображается email залогированного пользователя.
  5. Добавлен компонент InfoTooltip на основе имеющегося компонента popup. Компонент настраивается через объект настроек: добавляются новые изображения и текст ошибок, изменять логику компонента не нужно.