Тёмный

I Made a Billion Dollar Notcoin Telegram Mini App in 30 Minutes (FULL GUIDE) 

Nikandr Surkov
Подписаться 4,1 тыс.
Просмотров 31 тыс.
50% 1

Get the Full Telegram Clicker Game Code: nikandr.com/
My Contacts
Telegram: t.me/nikandr_s
Email: nikandr.dev@gmail.com
Links from the video
Notcoin Telegram Mini App Clone: github.com/nik...
TON Blockchain: ton.org/en
Blueprint Framework: github.com/ton...
Tonkeeper Wallet: tonkeeper.com/
In this video, I'll guide you through the process of creating a clone of the famous Notcoin Telegram mini app using Vite, TypeScript, and Tailwind CSS. Follow along as we build the Notcoin app from scratch in just 30 minutes!
What You Will Learn:
- Setting Up the Project: Learn how to set up a new Vite project with TypeScript and Tailwind CSS.
- Building the Clicker Functionality: Step-by-step instructions to implement the core clicker functionality, including state management and event handling.
- Styling with Tailwind CSS: Discover how to style your app using Tailwind CSS for a sleek and responsive design.
- Creating Custom Components: Understand how to create and use reusable components, such as the custom Arrow icon.
- Adding Animations: Learn to add CSS animations to enhance the user experience.
- Deploying the App: Tips on uploading your project to GitHub and deploying it for free using Vercel.
Key Features Covered:
- Vite + TypeScript + Tailwind CSS: Set up a modern development environment for building fast and efficient web applications.
- State Management: Use React hooks to manage the state of your application, including points, energy, and clicks.
- Animations: Implement animations to enhance user interaction using CSS keyframes.
- Responsive Design: Ensure your app looks great on all devices with responsive design techniques.
- Deployment: Learn how to deploy your Telegram mini app to the internet for free using Vercel.
Who Should Watch:
- Aspiring Web Developers: Ideal for beginners looking to get hands-on experience with modern web development tools and frameworks.
- Experienced Coders: A valuable resource for developers wanting to explore the integration of Vite, TypeScript, and Tailwind CSS in a practical project.
- Telegram Bot Developers: An excellent guide for anyone interested in creating engaging Telegram mini apps.

Опубликовано:

 

30 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 95   
@tfwyoungdi1
@tfwyoungdi1 3 месяца назад
Waiting for part 2
@magnus8759
@magnus8759 3 месяца назад
Hi, Nikandr Amazing video! Plz, upload the second part 😅 Im waiting for days
@Noureddinekiran01
@Noureddinekiran01 13 дней назад
thank you Nikandr waiting for next video..
@HAILERTRADE
@HAILERTRADE 13 дней назад
i love it
@navdissenyo3977
@navdissenyo3977 3 месяца назад
hey bro, Nice tutorial, waiting for next part ( connect with database and add task and create boost option )
@thairussian
@thairussian 3 месяца назад
Видел это видео у индусов )))) Ощущение что продолжения не будет ) А бекенд не сложно можно и самому написать ) Спасибо за код хорошая отправная точка )
@Earningfill
@Earningfill 2 месяца назад
Next Part Please 🥺
@OldGanry
@OldGanry 2 месяца назад
Очень чувствую родной акцент❤😂
@6Zeke7
@6Zeke7 8 дней назад
Heyy i have problem when i copy paste the clone the repository it's show error
@Shiv_Crypto1
@Shiv_Crypto1 3 месяца назад
Please Upload next Part 🙏🙏
@FaisalAhamedbd
@FaisalAhamedbd 3 месяца назад
nice video. Waiting for the next part
@WbSheets
@WbSheets 22 дня назад
button Play added in BotFather?
@Shiv_Crypto1
@Shiv_Crypto1 2 месяца назад
Still waiting for part 2 😢😢😢 Please 🙏🥺🥺
@zuneve
@zuneve 3 месяца назад
Please make a video on working with the Dedust or STONfi exchange in TON
@oronno15
@oronno15 3 месяца назад
We Are Waiting For Next ❤❤ love From Bangladesh 🇧🇩
@troysmith9071
@troysmith9071 2 месяца назад
Your doing great mate, keep up the good work really enjoyed watching keep making great content.
@hanafi8031
@hanafi8031 Месяц назад
Which programm u uae for code?
@divinerestorationministrya4675
@divinerestorationministrya4675 Месяц назад
Please how can i get all this code
@the_okonios_home
@the_okonios_home 3 месяца назад
You have New sub❤️, waiting for the part 2 .......
@JAMLEE913
@JAMLEE913 2 месяца назад
Coding software name please
@zigicoin-o1o
@zigicoin-o1o 2 месяца назад
Когда будет следующее видео с серверной частью?
@Nobody-eg4bi
@Nobody-eg4bi Месяц назад
this is only the frontend part
@sanagolzar
@sanagolzar 3 месяца назад
Hey bro , You are a hero for making these videos, Please record the server-side part I'm waiting eagerly for it , Subscribed and turned on the notif bell
@QuickstrickCODM
@QuickstrickCODM 2 месяца назад
The part Arrow in App.tsx file is not working to display the tapping numbers please anyone help out
@utechsakib8650
@utechsakib8650 Месяц назад
Which language u used ?
@goshin7478
@goshin7478 2 месяца назад
Please i have a project.
@nithiesh.m11-e22
@nithiesh.m11-e22 2 месяца назад
Where is the source code?
@naveensingh8964
@naveensingh8964 Месяц назад
Please Next Part 🎉
@Heartfelt-Insights
@Heartfelt-Insights 2 месяца назад
Please make a part to. I wanna learn how to add buttons and how to redirect to other pages. And what about storing users data? Answer please
@Syphuuhh
@Syphuuhh 3 месяца назад
Waiting for part 2
@Finaptolin
@Finaptolin 3 месяца назад
perfect tutorial, looking forward to the continuation❤
@Jcelife.
@Jcelife. 3 месяца назад
Finally!!!!!! Thank you so much!!!!!!!!
@okinawa5686
@okinawa5686 3 месяца назад
Hello Nikandr, YOu have great videos Could you do a copy of farming bots too? for example BLUM or the Iceberg or SEED etc.?
@ВадимДевтерев-э2и
@ВадимДевтерев-э2и 2 месяца назад
Wow, you are so cool, I subscribed, please make a video on how to make boosters in notcoin clone, and cards with a bonus in Hamster Combat, thank you!❤
@daidang8252
@daidang8252 3 месяца назад
Thank you! Waiting for the next part
@goshin7478
@goshin7478 2 месяца назад
Pls am interested in this, my friend bought a source code with his salary but it did not work.
@casadocaio
@casadocaio 3 месяца назад
nice webapp mate
@BOTFun-pq7ku
@BOTFun-pq7ku 3 месяца назад
Brother we need part 2
@muhammaddanishtonystark
@muhammaddanishtonystark 2 месяца назад
how we can connect firebase and store users game data on firebase server?
@MrHS-og6ui
@MrHS-og6ui 2 месяца назад
Please can you put all code in comment section ❤
@Nobody-eg4bi
@Nobody-eg4bi Месяц назад
🤣😂😆
@cryptohub1639
@cryptohub1639 3 месяца назад
Need part 2
@scorp9838
@scorp9838 3 месяца назад
Nice tutorial, thank you)
@oronno15
@oronno15 3 месяца назад
We Are Waiting For Next ❤❤ love From Bangladesh 🇧🇩
@michaelknepper466
@michaelknepper466 3 месяца назад
Part two please 🚀
@chainsoft5721
@chainsoft5721 3 месяца назад
waiting for that
@doctornim415
@doctornim415 Месяц назад
Thank you. but when you upload second part?
@nikamachavariani
@nikamachavariani 2 месяца назад
can i integration my tokens clon?/??
@sefabrt
@sefabrt 2 месяца назад
How can we add wallet connect and in-app purchases?
@KhangPhamTONDev
@KhangPhamTONDev 2 месяца назад
how about the step connect the TON wallet and get coin there?
@NasirKhan-cg5fk
@NasirKhan-cg5fk 2 месяца назад
please make the server side tutorial ❤❤❤
@famedoro
@famedoro 2 месяца назад
Thank you, WEN p2? 🎁🎁💓💓
@oronno15
@oronno15 3 месяца назад
We Are Waiting For Next ❤❤ love From Bangladesh 🇧🇩
@monsuribnakamal4545
@monsuribnakamal4545 3 месяца назад
banaite parsen?
@hufanesk
@hufanesk 2 месяца назад
i'm running ec2 how to host
@hillbell
@hillbell 2 месяца назад
Iam waiting for next part. Inclued admin section. Add daily task. Watching videos follows subscribe and more. Connect wallet
@zigicoin-o1o
@zigicoin-o1o 2 месяца назад
а по русски есть такое же видео?
@NicolyaGBar
@NicolyaGBar 2 месяца назад
можно перевести с помощью яндекса с озвучкой
@robo6388
@robo6388 2 месяца назад
the body code is problem
@hillbell
@hillbell 2 месяца назад
Part 2 please
@amahowoicho6087
@amahowoicho6087 2 месяца назад
Please part 2
@astro_space000
@astro_space000 2 месяца назад
Part 2 please
@vladb2250
@vladb2250 2 месяца назад
Криптоник? Это , ты?
@Profitmt5
@Profitmt5 2 месяца назад
where the 2 pt ?
@m1xl30
@m1xl30 2 месяца назад
Спасибо, мужик
@Definitely_DeX
@Definitely_DeX 2 месяца назад
Next part please 😢
@talhakhan3010
@talhakhan3010 2 месяца назад
awesome
@TanvirHossenNahid
@TanvirHossenNahid 3 месяца назад
can not work Clone the Repository: plz help me
@Nobody-eg4bi
@Nobody-eg4bi Месяц назад
learn to use git, this video for programmers which already familiar with git
@artefato7607
@artefato7607 3 месяца назад
No part 2? 😢
@ivanlagade
@ivanlagade 2 месяца назад
Good work!
@artefato7607
@artefato7607 3 месяца назад
When part2?🎉
@NikandrSurkov
@NikandrSurkov 3 месяца назад
I will release the sever side related videos soon ✅
@polako18
@polako18 3 месяца назад
Thx a lot for the video!
@danielkhozaie7249
@danielkhozaie7249 3 месяца назад
when the next video release??
@NikandrSurkov
@NikandrSurkov 3 месяца назад
Soon :)
@funvaccine
@funvaccine 2 месяца назад
nice
@czupryneq
@czupryneq 3 месяца назад
there will be part 2? login with telegram username, ref frens etc?
@NikandrSurkov
@NikandrSurkov 3 месяца назад
Yes, I will release such videos soon ✅
@HatetheWolrd
@HatetheWolrd 2 месяца назад
next part
@HatetheWolrd
@HatetheWolrd 2 месяца назад
next part
Далее
Front-end web development is changing, quickly
3:43
Просмотров 1,1 млн
КВН 2024 Встреча выпускников
2:00:41
МОЮ ТАЧКУ РАЗБИЛИ...!
39:06
Просмотров 281 тыс.
Building My First Crypto Game on Telegram
7:49
Просмотров 12 тыс.
How to Build a Onchain Telegram Mini App
43:54
Просмотров 22 тыс.
No Code App Development is a Trap
9:31
Просмотров 258 тыс.
How to finally Git Good
9:43
Просмотров 21 тыс.
КВН 2024 Встреча выпускников
2:00:41