Integrating TG mini app and Gaming with the BNB Chain and other protocols to attract a new generation of unique users.
A fast-paced, fun Telegram game where players choose between Fire, Water, and Leaf to outwit their opponent! Fire burns Leaf, Leaf floats on Water, and Water extinguishes Fire. Challenge your friends, climb the leaderboard, and test your strategy in this quick and engaging game of wits and reflexes. ๐ฅ๐ง๐
- ERC-721 Worker NFT: https://bscscan.com/address/0x02Dc83855c897d7a057AA35b35BC74509dFb4860
- ERC-20 BitGold: https://bscscan.com/address/0x98141090c12bc2dB4bbD57f9617A9796175e773d
- ERC-1155 Business: https://bscscan.com/address/0xF585607e0516b8e099F5e857CaDa0d07E473493e
- Staking contract: https://bscscan.com/address/0xfe1C530aBE44D21Af594eCe101866e4dA01Bd1E7
- AccountFactory: https://bscscan.com/address/0x58cC6C8F91bEbd1FF531922679D5566aFC0C7E1c
- Create new telegram bot: @lfwbnb_bot
- Create new webapp
- yarn create vite
- use react
- use typescript + SWC
- git init, add ., commit -m
- yarn add @vkruglikov/react-telegram-web-app
- test run: npm run dev
- deploy to vercel
- new mini-app link: https://t.me/lfwbnb_bot/lfwbnb
- add webthird sdk
- create client.ts for webthird sdk
- Build the fire, water & leaf game
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
- @vitejs/plugin-react uses Babel for Fast Refresh
- @vitejs/plugin-react-swc uses SWC for Fast Refresh
If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:
- Configure the top-level
parserOptions
property like this:
export default tseslint.config({
languageOptions: {
// other options...
parserOptions: {
project: ['./tsconfig.node.json', './tsconfig.app.json'],
tsconfigRootDir: import.meta.dirname,
},
},
})
- Replace
tseslint.configs.recommended
totseslint.configs.recommendedTypeChecked
ortseslint.configs.strictTypeChecked
- Optionally add
...tseslint.configs.stylisticTypeChecked
- Install eslint-plugin-react and update the config:
// eslint.config.js
import react from 'eslint-plugin-react'
export default tseslint.config({
// Set the react version
settings: { react: { version: '18.3' } },
plugins: {
// Add the react plugin
react,
},
rules: {
// other rules...
// Enable its recommended rules
...react.configs.recommended.rules,
...react.configs['jsx-runtime'].rules,
},
})