R50 ad9a7b7c777808336d5f2acb3b774523
Frontend Developer

Административная панель для CultBooking (Vue 2, SCSS)

Добавлено 12 авг 2024 в 15:23
Это административная панель для платформы бронирования отелей CultBooking, позволяющая управлять контентом сайта, добавлять/редактировать информацию об отелях, управлять заказами, анализировать статистику и т.д.

Ключевые функции:

1. Управление контентом:

• Добавление и редактирование страниц:
* Возможность создавать и редактировать статические страницы сайта (например, "О нас", "Контакты", "Условия бронирования").
* Добавление, редактирование и публикация новостей.
* Использование редактора с возможностью добавления изображений и видео.
• Управление галереей:
* Загрузка и редактирование фотографий, используемых на сайте (например, изображения отелей, баннеры, иллюстрации).
• Локализация:
* Возможность переключаться между языковыми версиями сайта.
* Редактирование текстового контента на разных языках.

2. Управление отелями:

• Добавление и редактирование отелей:
* Создание профилей отелей с подробной информацией (название, адрес, описание, фотографии, контактные данные).
* Управление доступными номерами и их характеристиками (тип, цена, описание).
* Настройка правил бронирования (минимальное количество ночей, условия отмены).
• Управление ценами:
* Установка тарифов на номера для разных сезонов года.
* Возможность создания акций и скидок.
• Управление отзывами:
* Модерация отзывов, оставленных пользователями.
* Возможность отвечать на отзывы.

3. Управление заказами:

• Просмотр всех заказов:
* Отображение статуса заказа (в обработке, подтвержден, отменен).
* Детали заказа (дата заезда/выезда, номер, цена, контактные данные).
• Обработка заказов:
* Подтверждение заказов.
* Отмена заказов.
* Изменение статуса заказа.
• Финансовый отчет:
* Просмотр информации о доходах и расходах.
* Генерация отчетов за определенный период.

4. Пользовательский интерфейс:

• Vue 2:
* Используется как основной фреймворк для создания интерфейса.
• SCSS:
* Используется для стилизации элементов и создания единого визуального стиля.
• Vuex:
* Для управления состоянием приложения.
• Vue Router:
* Для реализации маршрутизации между страницами панели.
• Axios:
* Для осуществления запросов к API.
70ac23afd6