Transferred size: 222KB. Оптимизирован первый запуск, объём загружаемых данных один из самых небольших, чаты мгновенно отображаются при перезагрузке страницы.

Конкурсное задание выполнено практически до конца. Приложение поддерживает большое количество типов медиа, включая опросы, но не поддерживает альбомы. У аудиофайлов отсутствует перемотка. Поддержаны вкладки Recent Emoji и Recent Stickers.

Исправлены недочёты из первого этапа, но регистрация так и не поддержана полноценно. Скорость работы приложения высокая, хотя и может незначительно снижаться при быстрой прокрутке истории в крупных чатах и при просмотре анимированных стикеров.

Приложение практически полностью соответствует предоставленному дизайну макетов, однако отсутствуют некоторые анимации — например, для открытия третьей колонки. Частично отсутствуют прогресс-бары загрузки. По нажатию на имя пользователя в сервисном сообщении открывается Shared Media с этим пользователем вместо диалога.

В работе не реализован поиск в списке чатов, присутствует только поиск внутри чата в третьей колонке.

UPD.

Transferred size при первом старте: 243KB
Transferred size после перезагрузки страницы для залогиненного аккаунта: 266KB

Другие недостатки, обнаруженные в процессе тестирования:

– Обновление списка чатов периодически не происходит или происходит слишком медленно;
– В некоторых ситуациях загружаемые файлы могут зависнуть на 100% при отправке, так окончательно и не загрузившись;
– Не хватает перехода из поиска к найденному сообщению в случае, когда часть истории не прогружена;
– Черновик открытого чата переносится в последующие открываемые чаты;
– Отправка сообщения не прокручивает чат вниз;
– GIF определяются как видеофайлы, отображаются в Shared Media с длительностью, открываются в плеере;
– Видеосообщения открываются в обычном плеере, при просмотре в чате у них нет радиального прогресса, а при старте их скачивания ломается вёрстка;
– Скачком изменяется размер фото после скачивания оригинала;
– В администрируемых каналах нет поля для отправки сообщений;
– Сервисные сообщения с днями накладываются на открытую вкладку с emoji и стикерами;
– Не реализовано отображение Apple эмодзи на других платформах, поддержаны не все эмодзи.

Дополнительным плюсом является реализация некоторые бонусных заданий:

– Дополнительные вкладки в Shared Media, включая проигрывание аудио из Shared Media;
– Контекстное меню действий над сообщениями.

UPD.

1. При регистрации мы столкнулись с бесконечной загрузкой фотографии профиля и последующей ошибкой после отмены загрузки и продолжения регистрации.

2. Некоторые действия, при которых это воспроизводится: изменение названия чата, изменение фотографии чата. Как вы отметили, обновления ещё не поддерживаются для закрепления чата.

UPD 2.

Реализованная отправка аудиосообщений была оценена. Прикрепляем видео с зависшей при загрузке фотографии. Баг воспроизводится произвольно, стабильных шагов для воспроизведения не обнаружено.

UPD 3.

Необходимо уделить внимание вёрстке при минимальной ширине окна браузера, например, предусмотреть отображение только одной колонки.

Wery well done work. I like all animations and attention to details. Couple of comments: I cant add new line for message. No updates for pinned/unpineed chats, no implementation for global search. No support for albums and I can't donwload files

From the author:

=== Performance
- Transferred size: ~270 kb for most of the features (w/o lazy-loaded voice recorder polyfill)
- Full caching for instant subsequent launch
- Smooth UI launch with no avatars and fonts flickering
- Only visible set of messages is rendered while scrolling the viewport
- Progressive media loading and playing when moving the viewport
- Lazy loading for additional assets and features
- Unstable network support with auto-reconnects and sync
- Flawless ripple effect during rendering (when switching chats)

=== Messages
- Regular, replies (clickable), forwarded
- With photo, stickers (incl. animated), video (incl. playing inline, GIF and round), audio, voice (playable, supported “read” indicators), documents, polls, web-pages, contacts, emoji-only
- Text formatting, links, mentions, hashtags, code samples, quotes, and other entities
- Various combinations of all above
- Service messages with interactive mentions

=== Indicators
- Chats: online users, unread inbox counter, mentions, pending/delivered/read outbox, pinned, verified, muted, time/date formatting
- Messages: pending/delivered/read, "edited" mark, channel views counter

=== Bigger features
- Updates for all implemented UI features, incl. new/edited/deleted/pinned messages (incl. older chats) and various indicators for chats and users
- Support for attaching and copy-pasting quick photos and videos, documents, recording audio, sending emojis, stickers and web pages with preview. Flawless optimistic transitions between local and server sent messages
- Shared Media with infinite scroll and progressive loading. All messages with links (not only WebPages) are shown, playable audio
- Message Search with infinite scroll and progressive loading
- Media Viewer with preloading and navigation
- Message Context Menu supporting reply, pin, copy (incl. media and selected text), delete features (incl. deleting options popup), with respect to user permissions
- Full info and chats information in the middle and the right columns, incl. pinned message (with unpinning and focusing) and online member counters

=== Misc
- Own implementation of MTProto Layer 109 (GramJS)
- Animations for UI appearance, menus, popups and message deletion
- <Esc> key support for closing chats, reply form, popups, context menus, etc.
- Phone numbers formatting
- Sticky date indicators in the message list
- Full support for auth/register flows with nearest country auto-detection, interactive monkeys and uploading a cropped picture