/liis-test

Агрегатор фейковых билетов. React + Redux + Redux-Saga

Primary LanguageJavaScript

Liis Test

Агрегатор фейковых билетов. Направление: SVO-JFK.

Link to deploy

Описание проекта:

  • SPA с двумя страницами.
  • Валидация формы авторизации: логин - имейл, обязательное поле; пароль - минимум 8 символов, без кириллицы, обязательное поле.
  • При перезагрузке страницы авторизация не слетает. Сохранение логина в куки. Это значит, что если пользователь авторизован, произойдет редирект на '/flights' с отправкой запроса за данными.
  • В качестве AJAX-запроса используется запрос на https://jsonplaceholder.typicode.com/posts. Если запрос завершается с ошибкой - показывается сообщение об этом. Если запрос завершается успешно - по полученному массиву совершается проход с генерацией фейковых данных билета на каждый элемент. Место отправления, место назначения, перевозчик - хардкод. Дата вылета - выбранная пользователем (текущая по дефолту). Время отправления и цена - рэндом.
  • Билеты отсортированы по цене от наименьшей.
  • Реализована возможность выбрать дату вылета в выпадающем календаре.
  • Реализована возможность лайкать билеты по иконке с сердцем.
  • Реализован слайдер с дефолтными изображениями.
  • Логаут происходит по клику по кнопке "Выйти" (с подтверждением). При логауте логин удаляется из кук.

В проекте использовано:

  • Html, Css, JavaScript
  • React
  • Redux
  • Redux-Saga
  • React-Datepicker
  • Js-Cookie
  • Swiper
  • Formik
  • Yup
  • Lodash
  • Classnames
  • Axios