Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/roman-pixel/the-wild-oasis
Simple app for booking
https://github.com/roman-pixel/the-wild-oasis
javascript react styled-components supabase
Last synced: about 1 month ago
JSON representation
Simple app for booking
- Host: GitHub
- URL: https://github.com/roman-pixel/the-wild-oasis
- Owner: roman-pixel
- Created: 2024-05-29T12:35:41.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2024-08-07T14:09:04.000Z (6 months ago)
- Last Synced: 2024-08-08T13:07:38.842Z (6 months ago)
- Topics: javascript, react, styled-components, supabase
- Language: JavaScript
- Homepage: https://the-wild-oasis-roman-pixel.netlify.app/login
- Size: 2.57 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# The Wild Oasis
## Описание
"The Wild Oasis" - система для бронирования домиков. Приложение предоставляет пользователям возможность управлять бронированиями, просматривать статистику, а также редактировать информацию о домиках. Для доступа к системе требуется авторизация.
## Доступ
Для доступа к системе требуется авторизация. Используйте следующие тестовые учетные данные:
- **Логин:**
```
[email protected]
```
- **Пароль:**
```
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** - Библиотека для работы с датами.
## Демо
Вы можете увидеть демо-версию приложения по следующей ссылке:
[Демо-приложение](https://the-wild-oasis-roman-pixel.netlify.app/login)
## Установка
1. Клонируйте репозиторий:
```bash
git clone https://github.com/roman-pixel/the-wild-oasis.git
```
2. Перейдите в каталог проекта
3. Создайте файлы переменных окружения:
Для Linux и MacOS
```bash
touch .env .env.development .env.production
```
Для Windows
```bash
echo. > .env.development
echo. > .env.production
echo. > .env
```
4. Настройте переменные окружения:
В .env
```bash
VITE_SUPABASE_URL=
VITE_SUPABASE_KEY=
VITE_CAPTCHA_SITE_KEY=
```
В .env.development добавьте:
```bash
VITE_APP_ENV=development
```
.env.production добавьте:
```bash
VITE_APP_ENV=production
```
5. Установите зависимости с помощью npm:
```bash
npm install
```
6. Запустите приложение
```bash
npm run dev
```