Skip to content

Solexofficial/react-hotel_booking

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

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

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

Админ Login/Password: [email protected], Test1234

Запуск проекта локально(временное решение) 🔥🔥🔥

cd client -> npm start
cd server -> npm run serve
change apiEndPoint -> client/config.json = {"apiEndPoint": "http://localhost:8080/api"}

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

  • 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