"The Wild Oasis" - система для бронирования домиков. Приложение предоставляет пользователям возможность управлять бронированиями, просматривать статистику, а также редактировать информацию о домиках. Для доступа к системе требуется авторизация.
Для доступа к системе требуется авторизация. Используйте следующие тестовые учетные данные:
- Логин:
- Пароль:
12345678
-
Страница статистики:
- Отображает общую статистику по бронированиям (графики и текстовые данные).
- Показана сегодняшняя активность (быстрый доступ к бронированию).
-
Страница бронирований:
- Подтверждение брони.
- Закрытие брони.
- Удаление брони в зависимости от её статуса.
-
Страница домиков:
- Информация о цене, скидке и вместимости домика.
- Возможность удаления, дублирования, редактирования и создания нового домика.
-
Страница создания нового пользователя:
- Форма для создания нового пользователя.
-
Страница настройки бронирования:
- Настройки и параметры для бронирования.
- React - Библиотека для создания пользовательских интерфейсов.
- Supabase - Платформа для управления базой данных и аутентификацией.
- React Query - Инструменты для работы с асинхронными запросами и кэшированием данных.
- React Hook Form - Библиотека для управления формами и валидацией.
- Styled Components - Библиотека для написания стилей в JavaScript.
- Recharts - Библиотека для создания графиков и диаграмм.
- React Icons - Набор иконок для использования в React приложениях.
- React Router DOM - Библиотека для маршрутизации в React приложениях.
- React Hot Toast - Библиотека для отображения уведомлений.
- React Error Boundary - Библиотека для обработки ошибок в React приложениях.
- Date-fns - Библиотека для работы с датами.
Вы можете увидеть демо-версию приложения по следующей ссылке:
- Клонируйте репозиторий:
git clone https://github.com/roman-pixel/the-wild-oasis.git
-
Перейдите в каталог проекта
-
Создайте файлы переменных окружения: Для Linux и MacOS
touch .env .env.development .env.production
Для Windows
echo. > .env.development
echo. > .env.production
echo. > .env
- Настройте переменные окружения: В .env
VITE_SUPABASE_URL=<your-supabase-url>
VITE_SUPABASE_KEY=<your-supabase-key>
VITE_CAPTCHA_SITE_KEY=<your-recaptcha-site-key>
В .env.development добавьте:
VITE_APP_ENV=development
.env.production добавьте:
VITE_APP_ENV=production
- Установите зависимости с помощью npm:
npm install
- Запустите приложение
npm run dev