Telegram Web A: Telegram's Zero-Dependency Official Web Client

This project won the first prize 🥇 at Telegram Lightweight Client Contest and now is an official Telegram client available to anyone at web.telegram.org/a.

According to the original contest rules, it has nearly zero dependencies and is fully based on its own Teact framework (which re-implements React paradigm). It also uses a custom version of GramJS as an MTProto implementation.

The project incorporates lots of technologically advanced features, modern Web APIs and techniques: WebSockets, Web Workers and WebAssembly, multi-level caching and PWA, voice recording and media streaming, cryptography and raw binary data operations, optimistic and progressive interfaces, complicated CSS/Canvas/SVG animations, reactive data streams, and so much more.

Feel free to explore, provide feedback and contribute.

mv .env.example .env

npm i

Obtain API ID and API hash on my.telegram.org and populate the .env file.

npm run dev

Invoking API from console

Start your dev server and locate GramJS worker in the console context.

All constructors and functions available in global GramJs variable.

Run npm run gramjs:tl full to get access to all available Telegram methods.

await invoke(new GramJs.help.GetAppConfig())

Dependencies

GramJS (MIT License)

fflate (MIT License)

cryptography (Apache License 2.0)

emoji-data (MIT License)

twemoji-parser (MIT License)

tlottie (MIT License)

opus-recorder (Various Licenses)

qr-code-styling (MIT License)

music-metadata (MIT License)

Tiptap (MIT License)

marked (MIT License)

lowlight (MIT License)

idb-keyval (Apache License 2.0)

fasttextweb

fastblur

Bug reports and Suggestions

If you find an issue with this app, let Telegram know using the Suggestions Platform.