Skip to content

DIBgram/DIBgram

Repository files navigation

DIBgram logo

DIBgram

DIBgram is an unofficial Telegram web app which looks like Telegram Desktop.
 

Crowdin Licence: GPL v3.0

DIBgram is still in progress. Visit the projects section to see the current progress, or join our Telegram channel to keep track.

Usage

You can open the stable release of DIBgram at https://DIBgram.github.io, or the commitly(?) build at https://DIBgram.github.io/beta.

You can also build DIBgram yourself, as described here.

Differences with Telegram Desktop

Advantages

  • Does not need to be installed
  • Works on any desktop platform with a decent browser (mobile is also supported but not optimized for it)
  • Uses TDLib, which doesn't have so many problems with server<->client sync
  • Interface can be zoomed as much as the browser allows without quality loss (about 25%-500% instead of 100%-300%)
  • Caches messages locally, reducing bandwidth usage
  • Does not limit accounts to 3

Disadvantages

  • Is not native, so it will be slower
  • Some animations might be missing
  • Does not support proxies (system proxy does work)
  • It is less integrated with the operating system
  • Probably won't support streaming

Why make it

Many people like the official Telegram Desktop. But there are users who prefer to use Telegram on their browsers because of either security, work conditions or something else.

Also, most web versions either look bad or have missing features (Webk and Webz are better though)

I am developing this app so there is a web version that not only has most features and looks good, but also looks familiar to those who use Telegram Desktop.

Also, I will earn a lot of knowledge and experience while developing this app, because it is my first React project (I'm serious) and it is several orders of magnitude larger than my other past projects.

Technologies, libraries and other software used in this project

  • Telegram Desktop: The basis of the design and look of DIBgram
  • TdLib: Telegram Database Library. Takes care of networking, encryption and storage
  • TypeScript: Programming language
  • React: UI framework used in project
  • Sass: CSS preprocessor
  • Open Sans and Vazir fonts: Font families used in Telegram Desktop and DIBgram
  • ESLint: Used to detect problems, warnings and enforce code style
  • VSCode: The IDE (or code editor) I use to develop the app. Also recommended for contributors