Админ-панель для Шашлычного дома

📖 Описание

Админ-панель для "Шашлычного дома" — это мощный инструмент, разработанный для управления всеми элементами сайта. С её помощью можно изменять наименования блюд, обновлять цены, редактировать контактную информацию, настраивать график работы, задавать стоимость доставки и многое другое. Она разработана как Telegram Mini App и работает исключительно внутри Telegram.

✨ Основные функции

• 📋 Управление меню: добавление, редактирование и удаление блюд.
• 🛒 Обработка заказов: просмотр и изменение статусов заказов.
• 🔔 Уведомления: интеграция уведомлений о новых заказах.
• 📊 Статистика: просмотр основных метрик, таких как количество заказов за день.

---

💻 Используемые технологии

• Frontend:
  • React — библиотека для создания пользовательского интерфейса.
  • Material-UI (MUI) — для создания компонентов интерфейса.
  • PrimeReact — для таблиц и дополнительных UI-компонентов.
  • Framer Motion — для анимации интерфейса.
• State Management:
  • Redux Toolkit — управление состоянием приложения.
• Библиотеки:
  • Axios — для работы с API.
  • React Toastify — уведомления в приложении.
  • TWA SDK — инструменты для интеграции с Telegram Mini App.
• CSS:
  • Tailwind CSS — для стилизации интерфейса.
• Переменные окружения:
  • Используются для настройки API и других параметров.

---

⚙️ Установка и запуск

1️⃣ Клонирование репозитория

git clone https://github.com/septoon/admin-shd.git
cd admin-shd

2️⃣ Установка зависимостей

npm install

3️⃣ Настройка переменных окружения

Создайте файл .env.local в корне проекта и добавьте следующие переменные окружения:

REACT_APP_URL=https://example.ru
REACT_APP_ID=your_telegram_id

⚠️ Примечание: Проект не будет работать без корректных данных API, токенов Telegram и вне Telegram Mini App.

4️⃣ Запуск в режиме разработки

npm start

5️⃣ Сборка для продакшена

npm run build

Собранные файлы будут находиться в папке build/ и предназначены для размещения на сервере.

🗂 Структура проекта

admin-shd/
│
├── public/                # Публичные ресурсы (иконки, изображения)
│
├── src/                   # Основные исходные файлы
│   ├── assets/            # Вспомогательные ресурсы
│   │   └── img/           # Изображения
│   ├── common/            # Общие утилиты и функции
│   ├── components/        # Компоненты интерфейса
│   ├── App.css            # Основные стили приложения
│   ├── App.js             # Главная точка входа в приложение
│   ├── custom.css         # Пользовательские стили
│   ├── index.css          # Индексные стили
│   ├── index.js           # Точка входа для React
│   ├── logo.svg           # Логотип
│   └── setupTests.js      # Настройка тестирования
│
├── .env.local             # Файл переменных окружения
├── .gitignore             # Исключения для Git
├── package-lock.json      # Версии установленных пакетов
├── package.json           # Зависимости и скрипты
├── postcss.config.js      # Конфигурация PostCSS
└── tailwind.config.js     # Конфигурация Tailwind CSS

📦 Зависимости

Основные зависимости указаны в package.json

🔏 Лицензия

Проект является частной разработкой и используется для управления сайтом ресторана “Шашлычный дом”.