Module Overview
How front-ends interact with smart contracts (web3 providers), wallet integration patterns, transaction lifecycle, and off-chain vs on-chain tradeoffs for UX and cost.
Learning Objectives
- Architect a simple dApp that reads and writes to a contract via a front-end.
- Implement wallet-connect patterns for user transactions.
- Make tradeoffs between on-chain persistence and off-chain storage.
Lesson-by-Lesson Breakdown
Web3 providers and how front-ends talk to contracts.
Wallet UX patterns and transaction confirmation lifecycle.
Off-chain storage and hybrid architectures.
Gas and UX tradeoffs (batching, meta-transactions conceptually).
Verifying transactions and listening for events.
Hands-on Activities & Deliverables
Activities
Build a small front-end that reads from and writes to a deployed testnet contract (e.g., a simple credential registry).
📦 Deliverable
Demo link + repo + instructions for testing with a wallet.
Required Tools & Readings
Web3 provider docs and wallet integration examples.
Assessment & Rubric
- End-to-end functionality40%
- Clarity of UX flow30%
- Documentation30%
Prerequisites
Modules 1–3.
Parent-Friendly Value
Shows how blockchain features can be used to build interactive apps (credential checks, proof-of-workflow).