Telebook

Telegram Mini App for booking hotels *

• — it's a demonstration of Telegram Mini Apps platform. No real hotels and payments.

<p align="center"> <a href="https://t.me/tebook_bot/telebook"> <picture> <source media="(prefers-color-scheme: dark)" srcset="./docs/assets/cover.png"> <source media="(prefers-color-scheme: light)" srcset="./docs/assets/cover-light.png"> <img alt="Editor.js Logo" src="./docs/assets/cover.png"> </picture> </a> </p> <p align="center"> <a href="https://t.me/tebook_bot/telebook">@tebook_bot/telebook</a> | <a href="https://core.telegram.org/bots/webapps">Telegram Mini Apps</a> | <a href="#-how-to-use-repo">Documentation</a> </p>

Use this project as an example or template for the creation of your app:

1. 🧩 Meet Telegram Vue UI Kit — build native-like interfaces with ready-to-use components
2. ❤️‍🔥 Instant picture previews and on-device cache
3. ☘️ Smooth screen transitions
4. ✨ Advanced DX — fast build, hot reloading, modern code style and linters, well-documented code
5. 💎 Clean but simple architecture — easy to scale and maintain
6. 📦 Production-ready deployment setup
7. 💵 Payments support
8. 📋 Privacy Policy template

👋 About the example

Telebook — is a kind of booking app that runs inside the Telegram. It provides several screens demonstrating different abilities: list views, cards, animations, forms, payments, etc.

It uses mocked data:

• Cities available for search
• Hotels
• Rooms
• Reviews
• All mock pictures are generated using Shedevrum AI

📖 How to use repo

Use following instructions

• 💗 Get Started - basic info about Mini Apps development
• 🏠 Frontend tech guide - how to setup Client
• 🎁 Backend tech guide - how to setup Backend
• 🛍️ Telegram Vue UI Kit - UI Kit guide
• 💰 How to setup Payments - useful information about Payments integration
• ⛅️ Deployment guide - how to deploy
• 😎 Awesome List - list of resources that can be useful when building your own Telegram Mini App

Feel free to Open Issue with your question or suggestion

Author

https://t.me/peter_codex