Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/angrycoding/crypto-bot-contest

Telegram mini app developed for the Crypto Bot contest
https://github.com/angrycoding/crypto-bot-contest

crypto mongodb nodejs pws react telegram telegram-bot telegram-developers telegram-mini-app telegram-miniapp telegram-miniapp-contest-2023 typescript

Last synced: about 2 months ago
JSON representation

Telegram mini app developed for the Crypto Bot contest

Awesome Lists containing this project

README 

        
# Crypto Bot contest task



**Original task announcement**: https://t.me/CryptoBotRU/365



**Crypto Pay API docs**: https://help.crypt.bot/crypto-pay-api



**Original task description**: https://docs.google.com/document/d/1pERxKPbyLSV3ytT0KBavsOhkIS343wrwy4SwUFHxlh0/edit?tab=t.0#heading=h.noi33qd163ti



**Telegram bot API docs**: https://core.telegram.org/bots/api



**Telegram mini apps docs**: https://core.telegram.org/bots/webapps



**Figma**: https://www.figma.com/design/yXbgwwUeLIiIYneiH9WnkZ/Crypto-Bot-Contest?node-id=0-1&node-type=canvas&t=oEIQFWqVBAcPB6AK-0



All the contest files (designs, animations and task description) is on the contest-files dir.



See the showcase on the following video: https://www.youtube.com/watch?v=hGgdoX31LNc



![photo_2024-11-12_19-32-54](https://github.com/user-attachments/assets/a7436872-394e-42bc-8355-f49fda86e5fe)



## Telegram bot



Is available here: https://t.me/giftapp_miniapp_bot



Telegram mini app: http://t.me/giftapp_miniapp_bot/app



## Lottie converter



Used to convert lottie animations provided by the organizers into animated pngs. Why? Because lottie animations (at least provided ones) are quite heavy and CPU consuming while animating, well in case if you have 4 items then it's okay, but if you have 10 - 20 then it's a problem. So I've decided to convert lottie to apng, which is running with no problem.



## Client & Server



Located in the **client** and **server** folders, shared code is located in the **shared** folder. You can build client and server separately, by entering the folder and running ```yarn build```, but also you can build all of them at once by running ```./build.sh``` script located in the root directory.



## Running and developing locally



Just go to **client** and run ```yarn start```, then go to **server** and do the same, but before, make sure that you adjust settings in **Settings.ts** (bot token, crypto pay token, and so on). I was able to develop this app completely locally using fake DNS A record that points to my localhost (where I run ssl server), you can do the same using the service like this: http://my.local-ip.co/ (or google for more if that one doesn't work). Webhook setup (for both Telegram and CryptoPayApi) is solved using https://smee.io/, client is already included into the setup, so if you don't have to do anything yourself, just adjust the settings and the rest will be automatically covered.



## Deploying



Obviously you'll need mongodb, domain name, telegram bot, crypto pay account and so on. I won't focus on this. Running it on some kind of VDS is also not a problem, just look at the **Settings.ts** adjust it accordingly and run nginx with SSL in front of it.



##  💜If you like my projects, you can support me.



| Coin/Symbol | Network | Adress |

|------|---------|--------|

| Bitcoin (BTC) | BTC | 1LU7DtLiKkWe3aAXbhRhNAMUFdrapWuAHW |

| Tether (USDT) | TRC20 | TK7f7TXozWVbkHxdArAJd2rELu725q1Ac5 |

| Tether (USDT) | TON | UQDI4e7xm_B7O_REaYd5CoyEz1Ki08t0EPlUim022_K9B2xa |



Check out my other recent Telegram Mini App here: https://github.com/angrycoding/naval_clash_bot