Retro Snake Vue

A Vue 3 + TypeScript snake game with over-the-top early 2000s web aesthetics: Comic Sans, loud gradients, blinking text, marquee banner, and spinning 3D GIF rails.

Stack

• Vue 3
• TypeScript
• Vite
• pnpm
• Vitest
• GitHub Actions + GitHub Pages

Local Development

pnpm install
pnpm dev

Test

pnpm test:run

Build

pnpm build

GitHub Pages Deployment

Deployment is handled by .github/workflows/deploy.yml.

• Trigger: push to main (or manual workflow_dispatch)
• Build base path: /${repo-name}/ via BASE_PATH
• Pages URL: https://pfo-omicsstudio.github.io/retro-snake-vue/

Controls

• Arrow keys
• W, A, S, D
• START button to begin
• RESTART button to reset and immediately play

Screenshot

Add a screenshot after first deployment in this section (for example docs/screenshot.png).

Asset Attribution

See ASSET_ATTRIBUTION.md.