{"id":13473670,"url":"https://github.com/evgeny-nadymov/telegram-react","last_synced_at":"2025-05-13T23:04:05.599Z","repository":{"id":39577367,"uuid":"121551478","full_name":"evgeny-nadymov/telegram-react","owner":"evgeny-nadymov","description":"Experimental Telegram web client with tdlib, webassembly and react js under the hood","archived":false,"fork":false,"pushed_at":"2025-02-23T05:45:20.000Z","size":660108,"stargazers_count":2413,"open_issues_count":200,"forks_count":630,"subscribers_count":66,"default_branch":"master","last_synced_at":"2025-04-30T14:16:00.795Z","etag":null,"topics":["messenger","mtproto","react","tdlib","telegram","wasm","webassembly"],"latest_commit_sha":null,"homepage":"https://evgeny-nadymov.github.io/telegram-react/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/evgeny-nadymov.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2018-02-14T19:22:56.000Z","updated_at":"2025-04-28T15:09:29.000Z","dependencies_parsed_at":"2023-02-01T14:15:54.021Z","dependency_job_id":"69b1cf8b-ab72-4f4f-a2f3-eac1b6509261","html_url":"https://github.com/evgeny-nadymov/telegram-react","commit_stats":{"total_commits":1257,"total_committers":10,"mean_commits":125.7,"dds":"0.023070803500397807","last_synced_commit":"2f372ab6f4bf0495cf1cd56ed8350d64a897d95d"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/evgeny-nadymov%2Ftelegram-react","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/evgeny-nadymov%2Ftelegram-react/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/evgeny-nadymov%2Ftelegram-react/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/evgeny-nadymov%2Ftelegram-react/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/evgeny-nadymov","download_url":"https://codeload.github.com/evgeny-nadymov/telegram-react/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254040426,"owners_count":22004537,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["messenger","mtproto","react","tdlib","telegram","wasm","webassembly"],"created_at":"2024-07-31T16:01:05.841Z","updated_at":"2025-05-13T23:04:05.514Z","avatar_url":"https://github.com/evgeny-nadymov.png","language":"JavaScript","funding_links":[],"categories":["JavaScript","telegram","OpenSource","Apps using TDLib"],"sub_categories":["OpenSource Apps","Swift / iOS / macOS"],"readme":"# Telegram Web App\n\n### Interface\n![Sample screenshot](/src/Assets/Screenshots/1x_Group.png)\n\n### Technical details\n\nThe app is based on the ReactJS JavaScript framework and TDLib (Telegram Database library) compiled to WebAssembly. Try it [here](https://evgeny-nadymov.github.io/telegram-react/).\n\n### Running locally\n1. **Obtaining Telegram api keys.**\n\nPlease visit this [page](https://github.com/telegramdesktop/tdesktop/blob/dev/docs/api_credentials.md) for details.\n\n2. **Setup .env file.**\n\nManually copy Telegram api keys from previous step into REACT_TELEGRAM_API_ID and REACT_TELEGRAM_API_HASH at .env file.\n\n3. **Install node.js \u0026 npm.**\nProbably, you should use [nvm](https://github.com/nvm-sh/nvm).\n\n4. **Install dependencies.**\n\n```bash\nnpm ci\n```\nAll TDLib files will be installed into node_modules/tdweb/dist/ folder. \n\n5. **Manually copy TDLib files into the public folder.**\n\n```bash\ncp node_modules/tdweb/dist/* public/\n```\n\n6. **Run the app in development mode.**\n\n```bash\nnpm run start\n```\n\nOpen http://localhost:3000 to view it in the browser.\n\n### Deploying to GitHub Pages\n\n1. **Obtaining Telegram api keys.**\n\nPlease visit this [page](https://github.com/telegramdesktop/tdesktop/blob/dev/docs/api_credentials.md) for details.\n\n2. **Setup .env file.**\n\nManually copy Telegram api keys from previous step into REACT_TELEGRAM_API_ID and REACT_TELEGRAM_API_HASH at .env file.\n\n3. **Update *homepage* property at the app's `package.json` file.**\n\nDefine its value to be the string `https://{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:\n    \n```js\n//...\n\"homepage\": \"https://evgeny-nadymov.github.io/telegram-react\"\n```\n\n4. **Generate a *production build* of your app and deploy it to GitHub Pages.**\n\n```bash\nnpm run deploy\n```\n\n### Running in a Docker container\n\n1. **Obtaining Telegram api keys.**\n\nPlease visit this [page](https://github.com/telegramdesktop/tdesktop/blob/dev/docs/api_credentials.md) for details.\n\n2. **Provide your Telegram api keys as build arguments.**\n\n```bash\ndocker build . --build-arg TELEGRAM_API_ID=0000000 --build-arg TELEGRAM_API_HASH=00000000000000000\n```\n\nThe Docker build will perform all the necessary steps to get a working build of Telegram-React.\n\n### References\n\n1. [Deploying a React App (created using create-react-app) to GitHub Pages](https://github.com/gitname/react-gh-pages)\n2. [Facebook's tutorial on deploying a React app to GitHub Pages](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#github-pages)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fevgeny-nadymov%2Ftelegram-react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fevgeny-nadymov%2Ftelegram-react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fevgeny-nadymov%2Ftelegram-react/lists"}