Skip to content

GabeMarques-Intetsu/outbreak-protocol

Repository files navigation

Outbreak Protocol

Experimento frontend criativo — atmosfera, microinterações e crítica social via interface. Side project independente, não meu portfolio profissional principal.


O que é

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.

Stack

  • 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).

Comandos

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 --noEmit

Convenções estéticas

Paleta (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

A11y

  • WCAG 2.2 AA validado em toda mudança visual
  • prefers-reduced-motion desabilita TODA animação/scanlines (wired no globals.css)
  • Foco visível obrigatório

Posicionamento

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"

Status atual

v0.1 — scaffold inicial completo. Próximas iterações documentadas em AGENTS.md §7.6.

Licença

MIT.


Iniciado 2026-05-23 a partir de create-next-app@latest + tooling derivado do projeto principal (Interpop).

About

Portfólio experimental — design web inspirado em Romero. P&B + vermelho-sangue, microinterações, animação atmosférica. Irmão do gabe-marques-portfolio.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors