I Made a Billion Dollar Notcoin Telegram Mini App in 30 Minutes (FULL GUIDE)
Nikandr Surkov Nikandr Surkov
4.31K subscribers
31,948 views
909

 Published On Jun 16, 2024

Get the Full Telegram Clicker Game Code: https://nikandr.com/

My Contacts
Telegram: https://t.me/nikandr_s
Email: [email protected]

Links from the video
Notcoin Telegram Mini App Clone: https://github.com/nikandr-surkov/Not...
TON Blockchain: https://ton.org/en
Blueprint Framework: https://github.com/ton-org/blueprint
Tonkeeper Wallet: https://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.

show more

Share/Embed