intermediate 120 min

Build with React.js & XRPL

Full-stack dApp development: account creation UI, XRP transfers, trustlines, and NFT operations in a React application.

Overview

Full-stack dApp development: account creation UI, XRP transfers, trustlines, and NFT operations in a React application.

Build a React component that connects to XRPL testnet and displays account balance in real-time.

Build a React page that lists all NFTs owned by a given XRPL account with their metadata.

Prerequisites

Complete these before starting this module:

Unlocks

Finishing this module opens up:

Resources

Build with React.js and XRPL — learn.xrpl.org

article

XRPL Ecosystem Map

tool

Assignments

Wallet Connect UI

Build a React component that connects to XRPL testnet and displays account balance in real-time.

NFT Gallery

Build a React page that lists all NFTs owned by a given XRPL account with their metadata.