Javascript Contest, Stage 1 – Developer Challenges

Info

Author

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

Comments

Classy Moth Nov 18, 2019 at 19:28

#issue9230 May be weeks of hardwork can go to nowhere because of tiny bug :(

Bug with a updateAuthorizationState confirmation: session will not be started if user id data received from worker API early than confirmation code http request finishes (server will not start the session than).

I think it can be API bug, but fix is possible.
Fix in a couple of lines of course already done.

fixed version available here:
https://telegram-web.inemiro.now.sh

p.s. there was no bug locally, when I tested application. Sadly, it can be the end of contest for me, if it's no way to upload the fix.

Look for the fixed version, please, Thank You!

Classy Moth Nov 19, 2019 at 11:10

fixed version available here:
https://telegram-web.inemiro.now.sh

You have not added any comments yet...

Issues

Fair Mammoth Jan 10, 2020 at 03:00

Критичная ошибка при авторизации не позволяет работе занять призовые места. Анимация мартышки слишком замедлена.

Google Chrome 78.0.3904, macOS 10.15.2

Classy Moth Jan 10, 2020 at 06:44

Ошибка не проявлялась при разработке локально, заметил её в проде, сразу же сделал фикс, но не нашел способа пересабмитить работу. Позже узнал, что в редких случаях у других участников давали такую возможность. Код с фиксом выложил на https://telegram-web.inemiro.now.sh , буду благодарен если удастся заглянуть туда.

Будет приятно и круто ещё заглянуть во внутренности, не только внешнюю ui часть, но и реализацию и организацию кода, модулей.

Анимацию мартышки заменил на видео (вместо svg) специально, думал есть поле для экспериментов.

Спасибо

Gena Nov 18, 2019 at 18:41

15 mb of code was transferred only on login page; layout does not exactly match design; ripple effect is not implemented on button click; waited for a minute after authorization, but chats was not loaded

Classy Moth Nov 18, 2019 at 19:39

8.2 mb in total. 7.2mb is transfered via socket from API after load. So application size is 1mb, may be little more.

Ripple effect is here, see screenshot.

Problem with loading is really here. Application loads and not loads randomly via bug with updateAuthorizationState update. Couldn't catch it locally.

Tactful Seal Nov 18, 2019 at 23:38

+ Phone number format is actually very good. Too bad you don't have data for all countries.
+ For autocomplete country not only by name, but by code too.
- Up/down icon is not clickable

Deleted Account Nov 19, 2019 at 10:18

So what I saw:

can't logon to chat by main link, but logged success in fixed version.

common:
+ smooth animations, loaders
+ nice scrollbars
+ instant load
+ nicely animated monkey video 😂
+ pretty field placeholder animations
+ responsive layout

login:
+ country search works for country code and letters
+ country search supports arrow keys to select
+ auto-set country by phone code

chat:
+ mute button works
+ message send works
+ unread messages count, realtime update
+ good messages layout

- no chat search
- chat info panel is empty
- chat history not available on scroll
- no chat bubble arrow shadow
- no photos and chat images

Macbook 2015, Chroms, OSX Mojave

Лев Nov 19, 2019 at 16:27

Nicely done👍👍👍

iOS 13

use std::twit::💩::*; [now with more utc+2/3] Nov 22, 2019 at 20:42

New messages don't show unless I reload.

Chrome 78 / Windows 10

use std::twit::💩::*; [now with more utc+2/3] Nov 22, 2019 at 20:45

Images don't show.