IBC Cross-Chain Transfers | Developer Workshop
Welcome to the Coreum workshop on Inter-Blockchain Communication (IBC) transfers, a revolutionary technology enabling secure and reliable data and value exchange between different blockchain networks. IBC is a protocol that allows independent, sovereign blockchains to communicate and transact with each other, thus creating an interconnected ecosystem of blockchains.
During this workshop, the Coreum engineering team will dive deep into the mechanics of IBC transfers, exploring how they work under the hood.
Frontend Integration with Next.js and Keplr Wallet:
The Coreum team will begin with a detailed tutorial on setting up a dynamic and responsive UI using Next.js, a popular React framework known for its efficiency and versatility.
You'll learn how to integrate the Keplr Wallet into this environment, enabling users to securely manage their blockchain assets and initiate IBC token transfers directly from the interface.
Setting up Next.js for blockchain applications.
Incorporating Keplr Wallet for authentication and transaction signing.
Designing a user-friendly interface for token transfers and asset management.
Backend Integration with Cosmos.js and Coreum.js: Moving to the backend, developers will dive into using Cosmos.js and Coreum.js for handling the complex logic of blockchain transactions and IBC transfers. This segment will detail how to set up and interact with blockchain networks, create and broadcast transactions, and ensure the security and reliability of cross-chain operations.
Initializing Cosmos.js and Coreum.js in project.
Managing blockchain connections and wallet interactions.
Implementing smart contract calls and handling IBC token transfers.
IBC Denom Construction: Verfying the blockchain hash https://tutorials.cosmos.network/tutorials/6-ibc-dev/ // hash() representing a SHA256 hashing function returning a string, formula for IBC Denom ibc_denom := 'ibc/' + hash('path' + 'base_denom')
By the end of this workshop, you will be able to: Understand the architecture of a IBC Transfer DApp, denom construction, Connect a DApp to the Coreum blockchain, Interact with transfering tokens from a web interface. Implement a responsive UI using NextJS and TailwindCSS, Utilize CosmJS handle blockchain transactions.
Perquisites: React, Cosmos sdk, Coreum js, Typescript enabled, Basic understanding of the blockchain ecosystem, Experience with JavaScript and Typescript, Familiarity with node.js and npm package management.
Git Clone: your-repo/bootstrap-webapp-development-workshop.git cd bootstrap-webapp-development-workshop npm install npm run dev
Showcasing:
IBC denom construction
IBC transfers
FlowChart explaining the IBC transfer
IBC UI:
Construct and verify denominations on Mintscan, as well as within the DApp
Put ucore, amount you want to send, address where you want to send put your cosmos address: cosmos16vmp7sz28pnvgz6f3zm6q93y39jsd33a5v9dcq
Approve the Transaction
View data:
Check the transaction on Coreum Blockchain Explorer:
Follow Coreum to find out more 👇
Twitter: CoreumOfficial
Discord: Join Discord Server
Telegram: https://t.me/CoreumOfficial
Learn More: https://www.coreum.com/
About Coreum 👇
Coreum is the world’s first Superledger, a groundbreaking layer-1 built on the Cosmos SDK using programmable Smart Tokens. Coreum was built as an architectural solution for enterprises of all sizes, making it the world’s first Superledger capable of onboarding institutions with minimal development uplift and built-in compatibility with regulatory frameworks and standards such as ISO 20022.