Info

Open Website
WARNING! Clicking "Open Website" will launch a third-party app, use at your own risk. We do not recommend logging in with your main account.

Testing and Issues

You can test this app and submit issues during the testing period of the Javascript Contest, Stage 1 contest.

Entries with serious issues will not be able to win the contest, but even minor issues might be important for overall results.

Voting

25

Comments

Used TDLib/tdweb for integrate Telegram API.
For user interfaces used webcomponents (custom element, shadow dom, HTML Templates ). No library, only Vanila baby 😉

Feature

1. Login, Code, Password, Registartion pages
2. Sticker animation on every step, including watching when you enter code.
3. Crop image modal on registarion page.
4. Input error handling.
5. Chat page, chats list and message list.
6. Dynamic import data for dropdown and crop modal
7. Hash Routing for every page.
8. Design match.
1
You have not added any comments yet...
by rating

Issues

Fair Quokka Jan 10, 2020 at 00:55
The contest task is not completed: the signup flow isn't finished, the monkey animation is looped when entering a code. Overall speed is below average. The design doesn't comply with the provided mockups.
Google Chrome 78.0.3904, macOS 10.15.2
20
15 mb transfered . Looks like td web is used.
Windows 10, Chrome  78.0.3904.97
1
Grim Lizard Nov 18, 2019 at 19:11
This 15mb include src and dist files
Yes, tdweb is used.

From requirements:

Using data frameworks such as tdlib is possible
Karim Karimov Nov 18, 2019 at 18:44
I couldn't finish cropping
Macbook Pro 15, macOS 10.15.1, Chrome
Grim Lizard Nov 18, 2019 at 18:59
Works well on my divice
Dell Vostro / Ubuntu / Chrome
First meaningfull paint in about 2 seconds
Windows 10, Chrome  78.0.3904.97
Grim Lizard Nov 18, 2019 at 19:26
This is my mistake, i don't set default view
and page start painting after has answer from api about authorization user data.

It can be quickly fixed.
Cannot write messages and there isn't any menu
Grim Lizard Nov 18, 2019 at 19:06
This is not require for stage 1.

Requirements:
The app should include login/signup flows and allow viewing chat and message lists.
Cannot proceed from sign in screen
OS X, Safari 13.0.3 (13608.3.10.10.1)
Grim Lizard Nov 18, 2019 at 19:15
1.Enter you phone
2.Enter code from sms or telegram app (enjoy stiсker animation)
3. Enter password (if you has it) or enter you name and crop you photo, if you want
> Using data frameworks such as tdlib is possible
They also said the following (right after your quote):
> but is likely to result in unacceptable increase in loading times compared to plain JS solutions.

Fast 3G speed (mobile devices)
use std::twit::💩::*; [now with more utc+2/3] Nov 22, 2019 at 05:04
It takes a while to load and there is no loading indicator.
Chrome 78 / Windows 10
Grim Lizard Nov 22, 2019 at 20:10
Thanks for you report.
This is my mistake, forgot add loader.

It’s can be fixed.
use std::twit::💩::*; [now with more utc+2/3] Nov 22, 2019 at 05:09
Mostly dysfunctional. It can't send messages, doesn't show new messages, doesn't support images.
Chrome 78 / Windows 10
Grim Lizard Nov 22, 2019 at 20:16
Thanks for report.
Send message not required for first stage.
The main focus was on singin/singup feature , monkey animation and crop image for registration.
Nobody added any issues yet...