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

# The Starter

> Set up the Vite + shadcn neo-brutalism frontend starter

# The Starter

The frontend is a **Vite + React 19 + TypeScript** app styled with **Tailwind
CSS v4** and shadcn-style components, re-skinned into a **neo-brutalism** theme.

## Clone & run

```bash theme={null}
git clone https://github.com/DevWeb3Jogja/workshop-amikom-fe.git
cd workshop-amikom-fe
npm install
npm run dev
```

The default branch is `starter`. Open the printed local URL — you'll see the
neo-brutalism shell (navbar with logo, socials, and a light/dark toggle).

## What's in the box

<CardGroup cols={2}>
  <Card title="Neo-brutalism theme" icon="paintbrush">
    Tokens in `src/index.css`: black borders, hard `shadow-neo*`, sharp corners
    (`--radius: 0`), vibrant palette, and a theme-aware grid background.
  </Card>

  <Card title="UI components" icon="puzzle-piece">
    `button`, `card`, `input`, `badge`, `table`, `tabs` in `src/components/ui/`,
    plus a reusable `DataTable`.
  </Card>

  <Card title="Dark mode" icon="moon">
    An animated light/dark switcher; `ThemeProvider` exposes `resolvedTheme`.
  </Card>

  <Card title="Shared modules" icon="folder-tree">
    Central `src/components/icons.tsx` and helpers in `src/lib/helpers.ts`.
  </Card>
</CardGroup>

## Verify

```bash theme={null}
npm run typecheck   # tsc --noEmit
npm run lint        # eslint
npm run build       # tsc -b && vite build
```

<Card title="Next: Wallet Setup" icon="arrow-right" href="/evm/workshop-amikom/03-wallet-setup" horizontal>
  Add RainbowKit + wagmi + viem and a Connect Wallet button.
</Card>