Ссылка на Web-версию проекта: Simple Hotel Check
React Native
Redux
Redux-Saga
React-Navigation
React-Hook-Form
-
Страница авторизации:
- Почта и пароль могут быть любыми, но должны проходить стандартную валидацию.
-
Страница отображения отелей:
- В инпуты формы можно ввести название города, дату заселения и количество дней.
- По результатам этих данных отображаются отели и информация о них, которые можно добавить в избранное.
- Избранные отели, в соответствующем блоке, можно отсортировать по стоимости и количеству звезд.
- На странице отображается карусель захардкоженных изображений. Изображение в карусели можно прокручивать.
- Если пароль и логин не прошли валидацию, отображать предупреждение о не правильности введенных данных. Правила валидации:
- Логин - любая почта
- Пароль - без кириллицы, минимум 8 символов
- По клику на кнопку вход и наличии валидных данных происходит перенаправление на страницу отелей
- На странице отелей по дефолту стоит город - Москва, день заезда - текущий (сегодняшний), количество дней - 1
- Поиск отелей осуществляется при нажатии на кнопку найти, но при первой загрузке страницы с дефолтными данными, соответствующие отели должны быть
- На странице отелей, добавить в избранное можно по нажатию на сердечко, удалить так же. В блоке избранных отелей также можно выполнить удаление из избранных
- При выборе новых данных для поиска, список избранных не должен сбрасываться. При перезагрузке страницы - может
- При перезагрузке страницы с отелями авторизация не должна сбрасываться
- По клику на кнопку “Выход” авторизация сбрасывается и происходит переход на страницу авторизации
- Клонировать репозиторий
git clone https://github.com/alraskalov/search-hotels-mobile.git
- Установить зависимости
npm i
npm run start
- запуск Expo