Cardano Developer Workshop in Maranatha Christian University - Workshop for Students 29 November 2024 Part-2
Date : Friday, 29 November 2024 Part-2
Purpose of this event :
- Practicing the development of a Full-Stack DApp, starting from writing a spending validator code and building the front-end interface.
Host :
- @Valdryan_Ivandito (Speaker)
Total Participants (Online via zoom) : 8 Participants
Total Participants (Onsite) : 12 Participants
Video Recording can be watched in Komunitas Cardano Indonesia YouTube Channel
Github Repository :
Documentations :
Summary :
We covered these topics during workshop :
- Topic-1 : Understanding On-Chain and Off-Chain
- Topic-2 : Practical session on locking and unlocking assets from the contract address
- Topic-3 : NextJS - Page Router
- Topic-4 : Practical session to build the user interface (front-end) and integrate the previously created spending validator code into the web application.
On November 29, 2024, we are holding a full-day workshop from 9:00 AM to 5:00 PM, combining the sixth and seventh workshops into one day. This is a continuation of the previous recap about the sixth workshop, the seventh workshop starts from 01:00 - 05:00 PM. The duration of the seventh workshop is longer than the sixth workshop because there are many practical sessions or lab exercises and there are also coding challenges.
In this workshop, participants are expected to have at least a basic understanding of Cardano, such as how to use the Eternl Wallet, how transactions work and what TxHash is, how to use Cardano Scan, a basic understanding of programming with Javascript/Typescript, a grasp of ReactJS concepts learned in previous workshops, and knowledge of the usage and implementation of the MeshJS Web3 SDK.
In the sixth workshop, participants successfully created a spending validator – Hello World, and then developed their application in the Lab-Exercise-1 session. In this session, participants wrote off-chain code using Typescript with the MeshJS library. The simple application created in Lab-Exercise-1 had a terminal-based user interface.
After completing Lab-Exercise-1, participants faced Coding-Challenge-1, where the task was to modify the code with the following requirements: the user should be able to specify the amount of assets to be deposited or locked in a contract address, and when the user wants to withdraw assets, they must enter a numerical code (e.g., “12345”). The interaction takes place through the terminal (Photos).
Then, the workshop moved on to Lab-Exercise-2, where participants were given a sample front-end interface for users to interact with the application. To be honest, the practical session in this workshop was not easy because the code being built was very lengthy, containing hundreds of lines of code. Given the limited time, it was impossible for the tutor to explain every single line of code. However, the tutor made an effort to explain each part or function, and the participants were provided with the code repository on GitHub, which contained comments and explanations.
At this point, a foundational understanding of web application programming was required, as the participants had already been introduced to ReactJS and the MeshJS Web3 SDK in previous workshops. Finally, the session reached Coding-Challenge-2, where the task was to allow the user to input the wallet address authorized to withdraw assets from the contract address, and the user was able to interact through a website interface.
Regarding the coding challenges, here is a brief video clip showing highlights from the coding challenges of the first to the final workshop.
In summary, this workshop provided participants with a hands-on experience of building and modifying blockchain applications using Cardano, Typescript, ReactJS, and MeshJS Web3 SDK. Despite the challenges of managing complex code and tight timeframes, participants gained valuable skills through practical exercises and coding challenges, culminating in the ability to create interactive applications with both terminal and web interfaces.
We would like to extend our sincere thanks to all the participants for their hard work and dedication throughout the workshop. Your enthusiasm and commitment to learning were truly inspiring. We also want to express our deepest gratitude to Universitas Kristen Maranatha, especially to Oscar Karnalim, the Dean of the Faculty, for their support in making this workshop possible.
Thank you to the Cardano Community and the Cardano Developer Community within the ecosystem, particularly Gimbalabs/Andamio, Mesh, and TxPipe. They have been instrumental in providing learning materials as references. We look forward to seeing the amazing projects you’ll create with the skills you’ve gained, and we hope to continue collaborating in the future!
Regards,
@Valdryan_Ivandito