Frontend: Scaffold Vite + React + TS + Tailwind app (site/)

[Jose-Gael-Cruz-Lopez]

Context

The map site is a fresh Vite + React + TypeScript SPA in a new top-level site/ folder — separate from the existing web/ Next.js README-board app. This issue is just the shell; the globe/data come in later issues. Deploy target is Cloudflare Pages (#20).

What to build

1. npm create vite@latest site -- --template react-ts (top-level site/).
2. Add Tailwind; dark theme matching HackHQ: near-black bg (#0d1117), green accent (#7ee787), gray text (#8b949e). Reuse the palette from web/ for consistency.
3. Base layout components:
   • Header: "HackHQ" wordmark, a Submit a hackathon button (wired in Frontend: Submit CTA (prefilled GitHub issue) + responsive polish #19), GitHub repo link.
   • Main: placeholder where the globe (Frontend: 3D globe with status-colored markers (react-globe.gl) #16) will mount.
   • Footer: built-by + repo link.
4. Env: read import.meta.env.VITE_SUPABASE_URL / VITE_SUPABASE_ANON_KEY. Add .env (gitignored) and a committed .env.example.
5. Scripts work: npm run dev, npm run build (clean), npm run preview.

Acceptance

• site/ Vite + React + TS + Tailwind builds clean
• HackHQ-branded header/main/footer, dark theme
• .env.example documents VITE_SUPABASE_URL + VITE_SUPABASE_ANON_KEY
• No secrets committed
  Blocks: Frontend: Supabase data layer (client, types, fetch) #15, Frontend: 3D globe with status-colored markers (react-globe.gl) #16, Infra: Cloudflare Pages deployment + Supabase env + domain #20

---

Part of #10 · Design spec · Repo data lives in .github/scripts/listings.json