Web 3.0 has the power to change the internet as we know it forever. You’re still early in catching the trend right now and building your first blockchain application. Create your characters, create and join live battles, choose your battleground, and battle other players in real-time!
This video is a collaboration between Avalanche and JS Mastery.
⭐ Avalanche – https://www.avax.network/
Avalanche is an open, programmable smart contracts platform for decentralized applications. It allows you to build fast, low-cost, Solidity-compatible dApps, and launch customized blockchains.
Become a Web3.0 Pioneer by Building an Advanced NFT Marketplace App:
💻 JS Mastery Pro – https://jsmastery.pro/youtube
✅ A special YOUTUBE discount code is automatically applied!
📙 The Web 3.0 Developer Roadmap
: https://resource.jsmasterypro.com/web3.0-roadmap
📙 The Ultimate Solidity CheatSheet
: https://resource.jsmasterypro.com/solidity-cheatsheet
🐛Got stuck? Get your bugs resolved immediately – https://discord.com/servers/javascript-mastery-programming-coding-community-710138849350647871
📚 Materials/References:
GitHub Code (give it a star ⭐): https://github.com/adrianhajdin/project_web3_battle_game/tree/main
Starter Code – https://minhaskamal.github.io/DownGit/#/home?url=https://github.com/adrianhajdin/project_web3_battle_game/tree/main/client-starter
GitHub Gist Code Snippets: https://gist.github.com/adrianhajdin/cc3befc6cc1ed69f59334edacbcdb91e
Deployment – https://hostinger.com/javascriptmastery
With a stunning design, interactive gameplay, smart wallet pairing, live interaction with smart contracts, and, most importantly, the ability to battle other players in real-time, AvaxGods is the best and the only Web3 battle-style online multiplayer card game that you can currently find on YouTube.
In this course, you’ll learn the following:
– How to connect a regular React.js application to the blockchain and pair it to your wallet
– You’ll also learn about the solidity programming language and how smart contracts written in Solidity work
– You’ll learn how to create smart contracts and decentralized applications on the Avalanche platform
💻 Join JSM on Discord – https://discord.gg/n6EdbFJ
🐦 Follow JSM on Twitter – https://twitter.com/jsmasterypro
🖼️ Follow JSM on Instagram – https://instagram.com/javascriptmastery
💼 Business Inquiries: contact@jsmastery.pro
👇 Time Stamps
00:00:00 Intro
00:05:27 Web3 Setup
00:23:41 Client-side Setup
00:29:25 Higher Order Components
00:44:52 React Web3 Context
01:09:15 Smart Contract Interaction
01:27:52 Smart Contract Event Listeners
01:41:59 New Battle and Join Battle Page
02:22:47 Battle Page
03:07:42 Game Info
03:17:02 Change Battleground
03:29:04 Web3 Modal
03:39:47 Battle Functionality
03:47:58 Custom Error Handling
03:59:04 Explosion Animation
04:22:46 Exit Battle Functionality
04:27:38 Bug Fixes
04:39:28 Code Overview
04:41:27 Deployment
