I Made a Hamster Kombat Telegram Mini App in 46 Minutes (FULL GUIDE)

Get the Full Telegram Clicker Game Code: nikandr.com/
My Contacts
Telegram: t.me/nikandr_s
Email: [e-mail]
Links from the video
Hamster Kombat Telegram Mini App Clone: github.com/nik...
TON Blockchain: ton.org/en
Blueprint Framework: github.com/ton...
Tonkeeper Wallet: tonkeeper.com/
In this guide, I'll show you how to create a Hamster Kombat Telegram mini app clone from scratch using Vite, TypeScript, and Tailwind CSS. This step-by-step tutorial will walk you through the entire process, from setting up the initial project to deploying the final app on Vercel and integrating the app as a Telegram mini app.
What You Will Learn:
- Setting up a Vite + TypeScript + Tailwind CSS project
- Designing the UI to match the Hamster Kombat style
- Implementing the clicker game logic to earn points
- Adding beautiful animations for an enhanced user experience
- Handling automatic points increase based on profit per hour
- Deploying the app to the internet using Vercel
- Integrating the app as a Telegram mini app
Key Steps Covered:
- Initial Setup: We start with an empty Vite project and add necessary icons and images for the Hamster Kombat app.
- Mobile Orientation: Adjust the project for a mobile view to better simulate the Telegram mini app experience.
- UI Design: Utilize Tailwind CSS to create a visually appealing interface, including a clickable hamster card, point counter, and various interactive elements.
- Game Logic: Implement the core functionality to allow users to earn points by clicking the hamster and through an auto points earning system.
- Animations: Add smooth animations to make the app engaging and fun to use.
- Deployment: Upload the project to GitHub and deploy it to the internet using Vercel for free.
- Telegram Integration: Create a Telegram mini app using the deployed web app, making it accessible directly within Telegram.
Who Should Watch:
- Aspiring Developers: Ideal for beginners looking to get hands-on experience with modern web development tools.
- Experienced Coders: A great resource for developers interested in creating engaging clicker games and integrating them with Telegram.
- Telegram Enthusiasts: Perfect for those wanting to learn how to create mini apps for Telegram.

[@afrateam6241]

Wow, congratulations🎉 , waiting for the 3rd part of this series

[@navdissenyo3977]

Bro, In your next video please show how to make the backend function, task option, referral option etc.

[@oronno15]

Yes ❤

[@hillbell]

Y u late

[@underworld-of-gaming]

All I want to know is how to get Telegram user ID on my web app

[@AIRDROPCELLULAR]

Good question brother ​@@underworld-of-gaming

[@ryankenzo9946]

@@underworld-of-gaming lets connect

[@digitaljunkie2799]

You just got a new subscriber and a fan ❤

[@Taiga_libertarian]

Спасибо, что пытаешься так чётко выговорить английские слова )

[@karlsondev]

Прям перебор )) будто нейронка говорит, с немного русским акцентом :D

[@Taiga_libertarian]

@@karlsondev хоть так, понятно что говорит

[@SohrabBaqtiari]

Thanks, Nikander, we wait next episode as soon

[@kazireazulgaming]

wow, waiting for your next video

[@mobosafe]

Eagerly waiting for your next video Bro. Highly appreciating your effort.

[@animatorguy520]

Actually this is better than original 😮😮❤❤😊

[@madranozgur]

This is the best and really working explanation I have seen.

[@Jcelife.]

10/10! The best video! 🎉

[@deveshpathak9820]

Please upload all the next parts soon Thanking you ❤

[@SINU__EFX]

Please bro reply Which file he open first in vs code

[@vishwa_jeet]

Bro, In your next video please show how to make the balance for each user with 0 balance

[@randomperson619]

this is great, please upload a vid for backend functionality..

[@iambirp]

Great Video Nikandr! Your English is very good too :)

[@the-curious-goose]

best explanation ever! Thank you for explaining each step, thats really unique!

[@user-zw1gz5bq2u]

Good job👏 My, congratulations, you have +1 subscriber from Siberia.

[@Earningfill]

Next Part Please ❤

[@asadullahsoomro1344]

Great waiting for next part

[@akinbobolaemmanuel3319]

Yay 🎉

[@OluUkariwo]

Amazing work im your number 1 fan

[@azmatkhan800]

Bro you are really genius 😍

[@viaceslavvasiljev8755]

Thanks! W8ing for backend video

[@nxpst7]

amazing, waiting for next video

[@autechbotz]

+1 subscriber, awaiting next part

[@goshin7478]

I want to create a bot this video is really helpful sir

[@cubeswap_blockchain]

Thankyouuu bro you are the best always i love your content❤🎉

[@NikandrSurkov]

Thank you so much 😀

[@zuneve]

Can you make a video of how you create a sniper bot? I think it will get a lot of views and likes

[@Collector-iv6rq]

Make the full video plus database please.

[@sekelaabay]

good job. you got +1 subscription

[@deveshpathak9820]

Bro please upload next parts also

[@CashField-r1r]

Nikandr, this is amazing. I would love to have you work with my team❤

[@hackerpro5015]

I wanna join✋

[@JavohirAirdrop]

Bro how to connect database

[@movie_zone846]

Yeah pls In your next video please show how to make the backend function

[@Yega3000]

My has 25 errors, cannot find module react or corresponding declarations, cannot find module vite.svg, etc

[@Heartfelt-Insights]

Brother needed tutorial for that notcoin like how to add another page and how to redirect on second page with button. Please make it fast. I’m waiting so badly.

[@vishishtkapoor5894]

bro please upload a video with deployement and all stuff

[@Finaptolin]

❤

[@moviesid8410]

Waiting second part

[@instantanneomkd5902]

Nice!

[@me7sm]

I've encountered a specific issue, but I've seen some mini-apps have resolved it. For instance, if a user taps repeatedly and simultaneously, the page minimizes and moves to the middle of the screen. However, some mini-apps have fixed this. How can this issue be resolved?

[@randomperson619]

you resolved this?

[@PlanetPs01]

Nice sir

[@addedvalue2023]

How transfer TON from wallet testnet to wallet mainnet

[@659anuragrahi5]

When is your next video scheduled, can't wait.

[@forsez4904]

waiting next video bro

[@JavohirAirdrop]

❤❤❤❤❤

[@PimiTree]

what the aspect ratio for TGApp screen?

[@SINU__EFX]

Can anyone say? Which file he opened in vs code first

[@hoseinmohamad77]

❤❤Unfortunately, English is not very good, but the training is good. One question is that when we enter the robot, I don't want it to be in the margins, what should we do with it?

[@AnubhavSunilSharmaanubhavo97]

Nice

[@VidaMaluca]

Hi, can someone help me? The game is ready. I have the game.js and HTML file. I just need to save two global data and two user data. I don't know how to save the user data and load it.

[@AIRDROPCELLULAR]

WoW

[@coinkazanc6474]

waiting for the backend video

[@shakertech8673]

Can I make it over the phone?

[@cubeswap_blockchain]

Its not possible bro

[@itksports]

Thanks when is the next video?

[@OmidYaqobi-vc3bv]

Hello, where is the boost, where is the mine part, why didn't you post it, the air drop part is the general part that you didn't say.

[@Madwarbit]

back end on flutter?php? laravel? any update on when new episode?

[@PumaOGV]

can you make a video about implementing a pvp or coop modus en how can put it online

[@KrishnaAvtar-tp7qr]

Bro npm install not working

[@HafezEshaghi]

when i use the npm prompt i have the not recognized error

[@Sanatanimen]

are u using python?

[@happiness4all]

30:46

[@amahowoicho6087]

What about the backend service

[@whizzie3367]

Please can you show me how to spin up a tma with next js??

[@OluUkariwo]

Bro when are you posting part 2?

[@anexis6579]

let me buy you a vodka

[@NikandrSurkov]

🤣🤣🤣

[@yeolatextiles6374]

Bro, which is the best and cheapest database for mining bots ?

[@Angelo-mp5tg]

need backend video

[@INTJBy]

Hello brother, when entering the Github address, it shows me this error: git : the therm 'git' is not recognized as the name of cmdlet, function .... what should i do؟

[@nihad_thegreat]

When i run npm why a red message appear like its not found

[@fraise-qe2iu]

Show me how to add a database and make a video on how to make a sniper bot on Solana with a fast node

[@S_Pro_gaming2024]

Bro simple major tap to earn telegram game how to create Start to end Full detail

[@linhngao]

Good jobs 🎉, pls clone DOGS Community

[@heksito4791]

Hi, who made design for this??

[@NikandrSurkov]

I made it :)

[@ituongtac]

Can you earn money on Telegram's real wallet?

[@sgzone_official]

npm install error. The term npm is not recognised... Why this error.. how to fix it?

[@podchaos]

If i had a laptop i must have been able to make my own ton game fi project, do you have job application for me to apply vikandr?

[@itksports]

When will you release the next video

[@chadiattieh4871]

If i made the tapping bot how to upload to the bot and how to know many people i have

[@rifiweststories]

How to make the balance start from 0 for a new user

[@PiQ_ir]

What language do you program in?

[@Africanstorytales1]

How are we going to add custom task

[@deltaranzyd1587]

when is the next video?

[@FavorTemitope]

pls bro is it open your discord or??

[@TrustedTechPoint]

do this is modified?

[@ayushbera5871]

Broo release the another video

[@PiQ_ir]

Is there an easier way?! I mean a completely ready code that we just copy.😅

[@wddki]

this is a completely ready code

[@Incredible_Nd]

Which software is this please

[@OximSports]

Sir can u create hot wallet clone?

[@vanlalkeivom8829]

I want the way u talk....

[@seeversace]

Can you help me?

[@kausarjahan8287]

backend plz😢

[@srehans7752]

Can I get script please

[@user-js4zp9kz9g]

Source code????

[@KhayamJaved-ph7pr]

Can you make for me one bot

[@ArslonGameer]

source code

[@sclodovsky]

Hi Nikandr. Thank you for your video. I wrote to you in Telegram. We don't need a clone but custom telegram game. Technical requirments are ready. Have you already developed dashboard for this app?

[@Honeycatz-channel]

it that work for other chainnetwork? like solana or eth

[@mohammad-bj3og]

You just got a new subscriber and a fan ❤

[@goshin7478]

I want to create a bot this video is really helpful sir

[@hishamkk12]

Can you make for me one bot

[@Smile_Pleaseeeee]

Yes

[@hishamkk12]

@@Smile_Pleaseeeee How?

[@Smile_Pleaseeeee]

@@hishamkk12 but no backend ok? I can make like him above you need backend developer for that

[@hishamkk12]

@@Smile_Pleaseeeee yes

[@Smile_Pleaseeeee]

@@hishamkk12 your telegram username?