Кафе Меню - React Native Приложение

Мобильное приложение для кафе с системой заказов через QR-коды столов.

🚀 Возможности

• QR-сканирование столов - Быстрое определение стола через камеру
• Интерактивное меню - Просмотр позиций по категориям с фильтрами
• Корзина заказов - Добавление позиций и оформление заказа
• Отслеживание заказов - Реальное время статуса приготовления
• Панель менеджера - Управление меню и заказами
• Акции и бонусы - Специальные предложения
• Поддержка - FAQ и контактная информация

🛠 Технологии

• React Native с Expo
• TypeScript для типизации
• Expo Router для навигации
• Linear Gradients для красивого UI
• React Native Reanimated для анимаций
• Expo Barcode Scanner для QR-кодов

📱 Скриншоты

Главный экран

• Hero секция с быстрыми действиями
• Фильтры по категориям меню
• Анимированные карточки блюд
• Нижняя панель навигации

Менеджер

• Авторизация по PIN
• Статистика заказов
• Управление доступностью позиций
• Обновление статусов заказов

Заказы

• Отслеживание активных заказов
• История по столам
• Детали заказов

🏃‍♂️ Запуск

# Установка зависимостей
npm install

# Запуск в режиме разработки
npx expo start

# Запуск на Android
npm run android

# Запуск на iOS
npm run ios

# Запуск в веб-браузере
npm run web

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

my-app/
├── app/                    # Экраны приложения
│   ├── _layout.tsx        # Корневой layout
│   ├── modal.tsx          # Модальное окно
│   ├── (tabs)/            # Вкладки
│   │   ├── _layout.tsx    # Layout вкладок
│   │   ├── index.tsx      # Главный экран (Гости)
│   │   ├── explore.tsx    # Экран менеджера
│   │   └── orders.tsx     # Экран заказов
│   ├── promo.tsx          # Акции
│   └── help.tsx           # Помощь
├── components/            # Переиспользуемые компоненты
│   ├── bottom-dock.tsx    # Нижняя панель навигации
│   ├── menu-card.tsx      # Карточка блюда
│   ├── splash-screen.tsx  # Экран загрузки
│   └── themed-*.tsx       # Темизированные компоненты
├── contexts/              # React Context
│   └── CafeContext.tsx    # Логика кафе
├── constants/             # Константы
│   └── theme.ts           # Цветовая тема
├── hooks/                 # Кастомные хуки
└── assets/                # Ресурсы
    └── images/            # Иконки и изображения

🎨 Дизайн

Приложение использует современный темный дизайн с градиентами:

• Основной цвет: фиолетовый (#8b5cf6)
• Акцентный: голубой (#06b6d4)
• Темный фон: градиент от #0b1220 до #0f172a

🔧 Настройка

Меню

Меню настраивается в contexts/CafeContext.tsx в массиве initialMenu.

PIN менеджера

PIN для входа в панель менеджера: 2049 (настраивается в MANAGER_PIN).

Цветовая тема

Цвета настраиваются в constants/theme.ts.

📋 TODO

• Онлайн оплата
• Push-уведомления о готовности заказов
• Интеграция с POS-системами
• Многоязычность
• Темная/светлая тема
• Оффлайн режим

📄 Лицензия

MIT License