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

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

Neo-brutalism theme

Tokens in src/index.css: black borders, hard shadow-neo*, sharp corners (--radius: 0), vibrant palette, and a theme-aware grid background.

UI components

button, card, input, badge, table, tabs in src/components/ui/, plus a reusable DataTable.

Dark mode

An animated light/dark switcher; ThemeProvider exposes resolvedTheme.

Shared modules

Central src/components/icons.tsx and helpers in src/lib/helpers.ts.

Verify

npm run typecheck   # tsc --noEmit
npm run lint        # eslint
npm run build       # tsc -b && vite build

Next: Wallet Setup

Add RainbowKit + wagmi + viem and a Connect Wallet button.

Overview Wallet Setup

​The Starter

​Clone & run

​What’s in the box