This is a basic and straightforward Telegram Web App(TWA) implemented using plain JavaScript, HTML, and CSS. This project aims to provide a minimalistic example of how to create a simple TWA and launch it within Telegram without relying on complex build tools or bleeding-edge libraries.
- App is available via direct link: https://t.me/simple_telegram_web_app_bot/app
- Or you can launch app with a bot menu button: https://t.me/simple_telegram_web_app_bot
- Deployment URL: https://twa-dev.github.io/simple-telegram-web-app/
- Minimalistic user interface.
- No external libraries or frameworks used.
- Easy to understand and modify.
To run this example, you'll need a modern web browser with JavaScript enabled.
-
Clone this repository to your local machine:
git clone https://github.com/twa-dev/vanilla-js-boilerplate
-
Navigate to the project directory:
cd vanilla-js-boilerplate
Open index.html in your preferred code editor or IDE.
- Open index.html in your preferred code editor or IDE.
- Make your changes
- Create your own GitHub repository, commit and push your updates.
- Go to your repository GitHub page and open Settings. Check the Pages tab and Build and deployment section. If GitHub Actions option was selected, assets should be deployed to Pages and there will be an URL like
https://<username>.github.io/simple-telegram-web-app/. You can copy this URL and use it with BotFather bot to create your very own TWA.
Feel free to customize this web app to suit your needs. You can modify the HTML, CSS, and JavaScript files as required.
If you'd like to contribute to this project, please follow these steps:
- Fork the repository.
- Create a new branch for your feature or bug fix.
- Make your changes and commit them with descriptive messages.
- Push your branch to your fork.
- Create a pull request to the main repository's main branch.
This project is licensed under the MIT License - see the LICENSE file for details.