A Nintendo Wii U-inspired portfolio, customized and designed especially for Chunli. Built with Next.js 16, React 19, Tailwind CSS v4, Motion, Bun, and the local Monogram font.
This project is designed as a console-style launcher rather than a traditional portfolio site. The interface opens sections as apps inside a shared system shell, with themed boot states, animated app windows, and separate light, dark, and system theme modes.
- Wii U-inspired launcher shell with app-style navigation
- Local Monogram font loaded from
public/fonts/monogram/ttf - Light, dark, and system theme preferences with local persistence
- First-visit theme picker
- Optional per-app loading screens
- Interactive Miiverse-style feed with reactions and comments
- Projects tab with detail view
- Gallery tab with fullscreen artwork viewer
- Music and Games tabs with polished placeholder experiences
- Next.js 16
- React 19
- Tailwind CSS v4
- Motion
- Lucide React
- Vercel Analytics
Install dependencies and run the dev server:
bun install bun run dev
Open http://localhost:3000.
bun run dev bun run build bun run start bun run lint
app/
layout.tsx
page.tsx
globals.css
components/launcher/
home-entry.tsx
home-client.tsx
shell.tsx
overlays.tsx
preferences.ts
content-data.ts
app-content.tsx
content/
about-content.tsx
blog-content.tsx
contact-content.tsx
gallery-content.tsx
games-content.tsx
music-content.tsx
projects-content.tsx
settings-content.tsx
- The launcher experience is intentionally client-driven to avoid hydration issues around local storage, theme state, motion, and clock-based UI.
- Use Bun commands for local development and verification.
- Repo-specific workflow notes and maintenance guidance live in
AGENTS.md. - If you touch interactive Next.js UI, check the relevant docs under
node_modules/next/dist/docs/first because this project uses newer Next.js behavior.