GitBox

GitBox is a web app for organizing your scattered GitHub repositories in Kanban-style boards—perfect for managing the chaos of Vibe Coding projects and beyond.

• Live app: https://gitbox-laststance.vercel.app

Why?

Because let's be honest—GitHub's repository list is kind of a mess 😅

When you have dozens (or hundreds) of repos from side projects, experiments, and Vibe Coding sessions, finding what you need becomes a treasure hunt. GitBox lets you visually organize everything in customizable Kanban boards, so you can finally bring order to the chaos.

Features

• Kanban boards for GitHub repositories
• Drag-and-drop organization
• GitHub OAuth-based access
• Supabase-backed persistence
• PWA-friendly experience

Tech Stack

• Framework: Next.js 16 (App Router)
• UI: React 19, Tailwind CSS, shadcn/ui
• State: Redux Toolkit
• Database: Supabase
• Drag & Drop: @dnd-kit
• Testing: Playwright (E2E), Vitest (Unit)

Getting Started

Prerequisites

• Node.js 24.12.0 (Volta recommended)
• pnpm 10.26.2

Setup

pnpm install
cp .env.local.example .env

Fill in the values in .env with your configuration.

Environment Variables

Variable	Required	Description
NEXT_PUBLIC_SUPABASE_URL	✅	Supabase project URL
NEXT_PUBLIC_SUPABASE_ANON_KEY	✅	Supabase anonymous key
SUPABASE_SERVICE_ROLE_KEY	✅	Supabase service role key (server-only)
GITHUB_CLIENT_ID	✅	GitHub OAuth App client ID
GITHUB_CLIENT_SECRET	✅	GitHub OAuth App client secret
NEXT_PUBLIC_SITE_URL	✅	Site URL for OAuth callbacks
SENTRY_AUTH_TOKEN	❌	Sentry authentication token (optional)
APP_ENV	❌	Environment mode (development, test, production)
NEXT_PUBLIC_ENABLE_MSW_MOCK	❌	Enable MSW mocking for tests

Vercel Environment Variables:

When deploying to Vercel, the following are auto-injected:

• VERCEL_ENV - Current deployment environment
• VERCEL_URL - Deployment URL

Start the dev server:

pnpm dev

Open http://localhost:3008 in your browser.

Scripts

• pnpm dev - Start dev server
• pnpm build - Production build
• pnpm start - Start production server
• pnpm lint - Lint
• pnpm typecheck - TypeScript type check
• pnpm test - Unit tests
• pnpm e2e - E2E tests

Security

See SECURITY.md.

License

MIT. See LICENSE.