Repository files navigation

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

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

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

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.

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

Just go toclient and runyarn start, then go toserver and do the same, but before, make sure that you adjust settings inSettings.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 usinghttps://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.

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 theSettings.ts adjust it accordingly and run nginx with SSL in front of it.

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