Telegram Web App

Interface

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": "http://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