UX Interativa e Animação
Transições fluidas com Framer Motion e player de áudio integrado.
Voltar ao portfólio
CASE 19 · Web
Retrospectiva Dev (Git Wrapped Clone)
Viral App / Data Visualization
Transforma dados de commits do GitHub em uma experiência visual estilo 'Stories' para compartilhamento social.
VISÃO DO PROJETO
01Mais contexto do que uma lista de tecnologias.
Transforma dados de commits do GitHub em uma experiência visual estilo 'Stories' para compartilhamento social.
TipoSistema / experiência web
CategoriaViral App / Data Visualization
EntregaProjeto publicado
CódigoRepositório disponível
PRODUTO & ENGENHARIA
02O que foi pensado e construído.
Decisões de experiência, arquitetura e implementação que ajudam a explicar o produto além da screenshot.
Funcionalidade Social (Viralidade)
Exportação de resultados como imagens de alta qualidade via html-to-image.
Performance e Tecnologia
Next.js 16 e React 19 explorando capacidades de servidor para busca de dados na API do GitHub.
ARQUITETURA & STACK
03A tecnologia aparece onde ela resolve alguma coisa.
Frameworks, serviços e ferramentas usados na construção deste case.
01FrameworkNext.js 16.1 + React 19
02AnimaçãoFramer Motion
03ExportaçãoHTML-to-Image / HTML2Canvas
04ÁudioHowler.js
05APIGitHub REST API
06DesignCSS Modules + Lucide React
ENTREGA
04Veja o produto além deste case.
Quando o projeto ou o código estão públicos, os links abaixo levam diretamente para a entrega correspondente.
PRÓXIMO CASE
Slim Shape APIServerless API / Media Management
Tem um projeto que também precisa sair da ideia e entrar em operação?
Vamos conversar