Это веб-приложение представляет собой интерактивное меню ресторана, разработанное для использования в Telegram. Оно позволяет пользователям просматривать меню, добавлять блюда в корзину и отправлять заказы.
- Интеграция с Telegram Web App API
- Адаптивный дизайн, использующий цветовую схему Telegram
- Группировка блюд по категориям
- Функциональность корзины с возможностью изменения количества блюд
- Отображение итоговой суммы заказа
- HTML5
- CSS3
- JavaScript (ES6+)
- Telegram Web App API
-
Склонируйте репозиторий: git clone https://github.com/your-username/telegram-restaurant-menu.git
-
Откройте файл
index.html
в веб-браузере для локального тестирования. -
Для использования в Telegram, загрузите файлы на веб-сервер и настройте бота для открытия веб-приложения.
index.html
: Основной HTML-файл с разметкой и встроенными стилямиREADME.md
: Документация проекта (этот файл)
- Откройте приложение в Telegram.
- Просмотрите меню, сгруппированное по категориям.
- Используйте кнопки "+" и "-" для добавления блюд в корзину.
- Нажмите на кнопку "Корзина" для просмотра выбранных блюд.
- В корзине вы можете просмотреть итоговую сумму и отправить заказ.
Меню хранится в виде массива объектов menuData
в файле index.html
. Для изменения меню отредактируйте этот массив, добавляя, удаляя или изменяя блюда.
Если вы хотите внести свой вклад в проект, пожалуйста, следуйте этим шагам:
- Создайте форк репозитория
- Создайте ветку для вашей функции (
git checkout -b feature/AmazingFeature
) - Зафиксируйте изменения (
git commit -m 'Add some AmazingFeature'
) - Отправьте изменения в ветку (
git push origin feature/AmazingFeature
) - Откройте Pull Request
Распространяется по лицензии MIT. Смотрите файл LICENSE
для получения дополнительной информации.
Ваше Имя - @your_twitter - [email protected]
Ссылка на проект: https://github.com/your-username/telegram-restaurant-menu