Cardano Developer Workshop in Maranatha Christian University - Workshop for Students 15 November 2024
Date : Friday, 15 November 2024
Purpose of this event :
- Introducing Web3 SDK MeshJS
- Create a simple web application that can interact with Cardano by implementing the Cardano Wallet, Wallet Hooks, and Transaction Builder components in the MeshJS library.
Host :
- @valdryan_ivandito (Speaker)
Total Participants (Online via Zoom) : 4 Participants
Total Participants (Onsite) : 34 Participants
Video Recording can be watched in Komunitas Cardano Indonesia YouTube Channel
Github Repository :
Documentations :
Summary :
We covered these topics during workshop :
- Topic-1 : Introduction to Web3 SDK MeshJS
- Topic-2 : Cardano Wallet Component
- Topic-3 : Wallet Hooks - useWallet()
- Topic-4 : Browser Wallet Instance
- Topic-5 : Practical session on building a simple web application that can connects with Cardano wallets such as Eternl Wallet, Yoroi, Lace, Vespr, Nami, and others
- Topic-6 : Transaction Builder
- Topic-7 : Practical session on how to build a transaction from a web application that connects with Cardano wallets such as Eternl Wallet, Yoroi, Lace, Vespr, Nami, and others
After learning the fundamental concepts of ReactJS during the two-day workshop on November 13–14, 2024, we proceeded to one of the core topics: the MeshJS Web3 Library. The minimum goal of this fifth workshop was for participants to build a simple web application that can connect to Cardano via the Cardano Wallet component, retrieve basic information such as the connected wallet address and a list of assets in the wallet, and perform transactions through the web application interface.
This workshop featured two practical sessions: Lab-Exercise-1 and Lab-Exercise-2. During Lab-Exercise-1, participants learned how to use the Cardano Wallet component and how to determine whether the wallet was connected or not.
After successfully creating a web application interface capable of connecting to the Cardano Wallet, participants were given a Coding Challenge. The challenge required them to modify the interface to display the wallet address and ADA balance (in Lovelace) upon successfully connecting to the wallet.
Following the Coding Challenge and a coffee break, we continued with a session on the transaction builder. In Lab-Exercise-2, participants practiced performing transactions through the web interface. You can see the preview video of the coding challenge below:
In conclusion, the fifth workshop marked a significant milestone in equipping participants with the knowledge and skills to build web applications integrated with Cardano using the MeshJS Web3 Library. Through hands-on exercises and an engaging Coding Challenge, participants successfully connected their applications to the Cardano Wallet, retrieved wallet information, and laid the foundation for implementing transaction functionalities.
The enthusiasm and determination shown throughout the sessions were truly commendable, as participants not only absorbed new concepts but also applied them in real-time challenges. With each step, they are moving closer to mastering the development of decentralized applications on Cardano.
We extend our deepest gratitude to all participants for their hard work and to everyone who made this workshop a success. We look forward to continuing this journey in future sessions as we delve deeper into the world of blockchain technology and web3 innovation!
Regards,
@Valdryan_Ivandito