My Contacts
Telegram: t.me/nikandr_s
Email: nikandr.dev@gmail.com
Links from the video
Notcoin Telegram Mini App Clone: github.com/nikandr-surkov/Not...
TON Blockchain: ton.org/en
Blueprint Framework: github.com/ton-org/blueprint
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.