> ## Documentation Index
> Fetch the complete documentation index at: https://web3docs.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Workshop Documentation

> Hands-on Web3 workshops — build full-stack dApps on EVM (Ethereum) and Sui

# Workshop Documentation

Two tracks, one goal: build real, full-stack decentralized apps from scratch.

<CardGroup cols={2}>
  <Card title="EVM — Workshop Amikom" icon="ethereum" href="/evm/workshop-amikom/01-overview">
    Build a neo-brutalism dApp on Ethereum (Sepolia): RainbowKit + wagmi + viem,
    plus a Solidity "Tabungan" Vault — from Vite starter to on-chain integration.
  </Card>

  <Card title="Web3 Workshop" icon="droplet" href="/sui/introduction/01-introduction">
    Build React dApps on Sui with the dApp Kit, and write Move smart contracts.
  </Card>
</CardGroup>

## EVM Track — Workshop Amikom

Build a **"Tabungan Crypto"** (crypto savings) dApp end-to-end.

<Steps>
  <Step title="Overview & stack">
    [What you'll build](/evm/workshop-amikom/01-overview) and the tools used.
  </Step>

  <Step title="The starter">
    [Vite + React + Tailwind v4 + shadcn](/evm/workshop-amikom/02-starter),
    neo-brutalism themed.
  </Step>

  <Step title="Wallet setup">
    [RainbowKit + wagmi + viem](/evm/workshop-amikom/03-wallet-setup) providers
    and a Connect button.
  </Step>

  <Step title="Smart contracts">
    [RupiahToken + Vault](/evm/workshop-amikom/04-smart-contracts) deployed to
    Sepolia.
  </Step>

  <Step title="Frontend integration">
    [Read balances, approve → deposit →
    withdraw](/evm/workshop-amikom/05-frontend-integration), and mint.
  </Step>
</Steps>

## Sui Track

Learn the Sui blockchain, build React dApps with the dApp Kit, and write Move
smart contracts. Start in the **Sui** tab, or jump to the
[introduction](/introduction/01-introduction).

## Prerequisites

* Basic knowledge of JavaScript/TypeScript and React
* **Node.js 20+**
* A browser wallet (MetaMask for EVM) and some testnet funds (Sepolia faucet)

## Resources

<CardGroup cols={2}>
  <Card title="Workshop Amikom — Frontend" icon="react" href="https://github.com/DevWeb3Jogja/workshop-amikom-fe">
    Neo-brutalism Vite starter
  </Card>

  <Card title="Workshop Amikom — Contracts" icon="file-contract" href="https://github.com/DevWeb3Jogja/workshop-amikom">
    Foundry RupiahToken + Vault
  </Card>

  <Card title="Sui Documentation" icon="book" href="https://docs.sui.io">
    Official Sui docs
  </Card>

  <Card title="DevWeb3Jogja" icon="users" href="https://web3jogja.com">
    Komunitas developer Web3 Yogyakarta
  </Card>
</CardGroup>

Let's start building! 🚀