HotelSync
c3723dec90
LoginPage: - Toggle between login and registration mode - 2-step registration: step 1 (hotel name + legal entity: type ООО/ИП/АО/ПАО/Другое, company name, INN, KPP hidden for ИП, legal address), step 2 (first/last name, email, phone, password with strength indicator, confirm) - Step indicator dots, validation with inline errors, success screen after submit - Left panel shows benefits list when in registration mode - «Зарегистрировать отель» / «Войти» toggle links UsersPage (/users): - Staff list table: avatar with custom color, name, role badge, position, contacts, last login, active status - Roles: hotel_manager, receptionist, housekeeper, accountant, security — each with label+color - Stats cards by role (clickable to filter) - Search by name/email/position + role filter buttons - UserModal: avatar color picker, name/email/phone, role selector (6 roles), position field with quick-pick suggestions per role, password field, active toggle - Delete confirmation dialog - Sidebar: «Сотрудники» link added to Управление section Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
HotelSync — SaaS PMS System
Современная система управления отелем (PMS) с шахматкой бронирований, менеджером каналов и API.
Быстрый старт
npm install
npm run dev
Откройте http://localhost:5173
Демо-аккаунты
| Роль | Пароль | |
|---|---|---|
| Менеджер отеля | manager@grand-palace.ru | demo |
| Горничная | cleaner@grand-palace.ru | demo |
| Супер-администратор | admin@hotelsync.io | demo |
Функциональность
- Шахматка — drag-to-book интерфейс, цветовое кодирование по статусам
- Бронирования — список с фильтрами, создание, детальная панель
- Номерной фонд — карточки номеров, статусы, уборка
- Уборка — Kanban-доска: ожидание / в процессе / готово
- Менеджер каналов — Booking.com, Airbnb, Expedia, VRBO
- API-документация — встроенная документация REST API
- Светлая / тёмная тема — переключатель в шапке
- Мультиарендность — архитектура SaaS с изоляцией по отелям
Структура проекта
src/
├── components/
│ ├── calendar/ # Шахматка бронирований
│ ├── bookings/ # Модалки бронирований
│ ├── layout/ # Sidebar, Topbar
│ └── ui/ # Badge, Modal
├── contexts/ # AuthContext, ThemeContext
├── data/ # Мок-данные
├── layouts/ # AppLayout
├── lib/ # Утилиты, константы
├── pages/ # Страницы приложения
└── types/ # TypeScript типы
API
Base URL: https://api.hotelsync.io/v1
Документация доступна в приложении: /grand-palace/api-docs
Стек технологий
- React 18 + TypeScript
- Vite 5
- Tailwind CSS 3 (dark mode)
- React Router 6
- date-fns
- Lucide React