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

preview_player
Показать описание

*My Contacts*

*Links from the video*

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.
Рекомендации по теме
Комментарии
Автор

Hi, Nikandr
Amazing video!
Plz, upload the second part 😅
Im waiting for days

magnus
Автор

thank you Nikandr waiting for next video..

Noureddinekiran
Автор

Your doing great mate, keep up the good work really enjoyed watching keep making great content.

troysmith
Автор

hey bro, Nice tutorial, waiting for next part ( connect with database and add task and create boost option )

navdissenyo
Автор

Видел это видео у индусов )))) Ощущение что продолжения не будет ) А бекенд не сложно можно и самому написать ) Спасибо за код хорошая отправная точка )

thairussian
Автор

We Are Waiting For Next ❤❤ love From Bangladesh 🇧🇩

oronno
Автор

perfect tutorial, looking forward to the continuation❤

Finaptolin
Автор

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

sanagolzar
Автор

You have New sub❤️, waiting for the part 2

the_okonios_home
Автор

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

Heartfelt-Insights
Автор

Please make a video on working with the Dedust or STONfi exchange in TON

zuneve
Автор

Still waiting for part 2 😢😢😢 Please 🙏🥺🥺

Shiv_Crypto
Автор

Когда будет следующее видео с серверной частью?

Криптотрейдинг-мк
Автор

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!❤

ВадимДевтерев-эи
Автор

Thank you. but when you upload second part?

doctornim
Автор

Hello Nikandr,
YOu have great videos
Could you do a copy of farming bots too? for example BLUM or the Iceberg or SEED etc.?

okinawa
Автор

how about the step connect the TON wallet and get coin there?

KhangPhamTONDev
Автор

Pls am interested in this, my friend bought a source code with his salary but it did not work.

goshin
Автор

how we can connect firebase and store users game data on firebase server?

muhammaddanishtonystark
Автор

How can we add wallet connect and in-app purchases?

sefabrt