https://t.me/tebook_bot/telebook
(source: https://github.com/neSpecc/telebook/commit/59dd422ad7b2d7a57d4e3f2ba3423a6a8779d972)

Telebook — a mini app for booking hotels.

It provides several screens demonstrating different abilities: list views, cards, animations, forms, payments, etc. It uses mocked hotel info and pictures. 

The UI matches the Native OS and a particular Telegram client style.

Test animation smoothness and common end-user experience. Also, check out the source code that could be used as an example for creating the new app.

🧩 Telegram Vue UI Kit — build native-like interfaces with ready-to-use components
❤️‍🔥 Instant picture previews and on-device cache
☘️ Smooth screen transitions
✨ Advanced DX — fast build, hot reloading, modern code style and linters, well-documented code
💎 Clean but simple architecture
📦 Production-ready deployment setup
💵 Payments support

Light theme overview

This one is my favorite.

Congrats, This is by far the most fluent design I have seen, that's why I have investigated it more than others, and found these issues/suggestions.

I'm gonna divide them into three messages.

First Issue: Please disable text selection, it just ruins the native-like experience of this beautiful webApp (attached in the photos)

This is the best MiniApp! Very useful documentation and source code

Second Issue: There are some issues with datepicker, I know making a datepicker is not easy, specially in JS, but here are the issues:

1.The date picker does not get automatically closed after selecting the desired date, so that's a bad UX, I have to click again on the picker label to close it. Also the picker label does not have cursor: pointer and that's another confusion of clickability in Desktop

2. The date picker has some issues when date is autocasted by the code, Scenario:
I selected start date October 30, end date October 31, I changed start date to November 10, my end date in label got updated to November 11, but when opened the end date picker, it was showing October 31 as selected but in a disabled styled (strange), also after some togglings, It was showing me the October 29 as selected (We are in October 30 bruh), and was active (attached in the photos)

Third Issue: This one is a kind of serious one, It seems like that the app's backend has no Idea of the routing system used in frontend, I got the 404 error in this scenario:

Open a hotel or booking page or any other page than the root url, click on "Reload" button, you will face 404 error

for a quickfix, you can use htaccess or any other thing to rewrite all urls to your index.html in the backend, just be quick before judges final test

Then again, much love and appreciation for this awesome UI.

Looks awesome!
however, here is one minor issue I found with the dark theme:

Great and detailed app. One issue I faced is that none of the images fully loaded. It just showed a blurry thumbnail on all of them. On my android device it worked fine, but not on TDesktop. Here's a screenshot:

I can't copy paste the logs unfortunately (tdesktop on linux issues :) ), so a screenshot will have to suffice. Both my android device and tdesktop are on the same wifi network btw.