a-x-/telegram-asana

Experimental Telegram web client with tdlib, webassembly and react js under the hood

Telegram Web App w/ Integrated Task tracker and more — IDE for Managers on 🔥

Details in Notion page (ru)

---

Technical details

The app is based on the ReactJS JavaScript framework and TDLib (Telegram Database library) compiled to WebAssembly. Try it here.

Running locally

Install node.js.

Install dependencies with:

npm ci

This will install all the needed dependencies.

All TDLib files will be installed into node_modules/tdweb/dist/ folder. Manually copy them into the public folder with:

cp node_modules/tdweb/dist/* public/

Run the app in development mode with:

npm run start

Open http://localhost:3000 to view it in the browser.

Deploying to GitHub Pages

1. Update homepage property at the app's package.json file.

Define its value to be the string http://{username}.github.io/{repo-name}, where {username} is your GitHub username, and {repo-name} is the name of the GitHub repository. Since my GitHub username is evgeny-nadymov and the name of my GitHub repository is telegram-react, I added the following property:

//...
"homepage": "https://evgeny-nadymov.github.io/telegram-react"

2. Generate a production build of your app and deploy it to GitHub Pages.

$ npm run deploy

References

1. Deploying a React App (created using create-react-app) to GitHub Pages
2. Facebook's tutorial on deploying a React app to GitHub Pages