/react-hotel_booking

Отель. Бронирование номеров

Primary LanguageTypeScript

Отель "Toxin". Бронирование номеров в отеле.

SPA приложение с клиент-серверной архитектурой.

  1. Разработал Авторизацию/Регистрацию, JWT.
  2. Личный кабинет пользователя(забронированные номера, лайки, избранное) с возможностью редактирования.
  3. Панель администратора (Таблица номеров с выпадающим списком бронирований для каждого номера, отмена бронирования, редактирование номера)
  4. Страница с доступными номера ( Поиск, Сортировка, Фильтрация, Пагинация).
  5. Страница номера ( Возможность забронировать номер, оставить отзыв, система лайков, рейтинг номера).

Админ Login/Password: admin@mail.ru, Test1234

Стек технологий

  • React, Typescript
  • React-Redux, Redux Toolkit
  • SASS, MUI
  • NodeJS, Express, MongoDB
  • Docker

Screenshot

Реализовано

  • Авторизация и регистрация

Screenshot Screenshot

  • Страница с доступными номера ( Поиск, Сортировка, Фильтрация, Пагинация)

Screenshot Screenshot

  • Страница номера (Забронировать, лайк комментария, оставить отзыв могут только авторизованные пользователи)

Screenshot

  • Меню и страница пользователя

Screenshot

  • Панель администратора, меню, страница администратора

Screenshot

  • Панель администратора(Список бронирований для каждого номера, отмена бронирования, страница пользователя, кто забронировал номер).

Screenshot

  • Страница редактирования пользователя

Screenshot

  • Возможность оставить отзыв для номера, система лайков, рейтинг.

Screenshot

  • Страница редактирования номера( only user role is Admin )

Screenshot

  • Страницы: Мои Бронирования, Понравилось, Избранное.

Screenshot Screenshot Screenshot