Experimento frontend criativo — atmosfera, microinterações e crítica social via interface. Side project independente, não meu portfolio profissional principal.
Site single-page que traduz a estética e a crítica social da trilogia clássica de zumbis de George A. Romero (Night of the Living Dead 1968, Land of the Dead 2005) e o remake de Zack Snyder (Dawn of the Dead 2004) para uma experiência web interativa.
Não é portfolio profissional. Não compete com Interpop (projeto principal). É exercício declarado de animação, atmosfera e voice — categoria onde recrutador espera ousadia.
- Next.js 16 (App Router + RSC + SSG)
- React 19 + TypeScript 5 estrito
- Tailwind CSS 4 (CSS-first config via
@theme) - Framer Motion (animações declarativas + reduced-motion mandatório)
- Vitest + Testing Library + jsdom (cobertura baseline 30%)
- Husky + lint-staged + Commitlint
- Node 22 via nvm · npm
Setup detalhado em AGENTS.md (template universal + seção específica).
npm install # deps
npm run dev # dev server
npm run build # build de produção (estático)
npm test # rodar suite Vitest
npm run test:cov # com coverage report (gate 30%)
npm run lint # ESLint --fix
npm run format # Prettier --write
npm run typecheck # tsc --noEmitPaleta (em src/app/globals.css via @theme):
| Token | Hex | Uso |
|---|---|---|
--color-void |
#0a0a0a |
fundo base |
--color-concrete |
#1f1f1f |
surfaces, cards |
--color-blood |
#8b0a0a |
acento, headings críticos |
--color-bone |
#d4cfc4 |
texto principal |
--color-bone-dim |
#8a857a |
texto secundário |
Microcopy temática (sem cair em paródia):
| Convencional | Tema |
|---|---|
| About | Survival log |
| Blog | Field reports |
| Skills | Confirmed contacts |
| Projects | Recovered files |
| Contact | Emergency frequency |
- WCAG 2.2 AA validado em toda mudança visual
prefers-reduced-motiondesabilita TODA animação/scanlines (wired noglobals.css)- Foco visível obrigatório
| Onde | O que aparece |
|---|---|
| GitHub pins #1-2 | Interpop (projeto principal) |
| GitHub pins #3-4 | Outbreak Protocol (este experimento) |
| LinkedIn Featured #1 | Interpop |
| Em entrevista | "experimento separado, propósito separado, identidade separada" |
v0.1 — scaffold inicial completo. Próximas iterações documentadas em AGENTS.md §7.6.
MIT.
Iniciado 2026-05-23 a partir de create-next-app@latest + tooling derivado do projeto principal (Interpop).