WebViral App / Data Visualization

Retrospectiva Dev (Git Wrapped Clone)

Transforma dados de commits do GitHub em uma experiência visual estilo 'Stories' para compartilhamento social.

Destaques técnicos

Como foi construído.

Transições fluidas com Framer Motion e player de áudio integrado.

Exportação de resultados como imagens de alta qualidade via html-to-image.

Next.js 16 e React 19 explorando capacidades de servidor para busca de dados na API do GitHub.

Stack

FrameworkNext.js 16.1 + React 19

AnimaçãoFramer Motion

ExportaçãoHTML-to-Image / HTML2Canvas

ÁudioHowler.js

APIGitHub REST API

DesignCSS Modules + Lucide React