← Todos os projetos
Tsugi / Produto + recomendação

Descobrir, organizar e escolher o próximo anime.

Catálogo, biblioteca e progresso com uma extensão de recomendação contextualizada.

Explorar a demo completa ↗
Next.jsTypeScriptCacheCatálogo
● ● ● Tsugi · demonstração fictícia
Tsugi captura da demo
01 / O PROBLEMA

O que precisava funcionar

Dados de catálogos distintos precisam chegar a uma experiência coerente de descoberta e acompanhamento.

02 / CONTRIBUIÇÃO

Minha contribuição

Produto de catálogo e biblioteca com integrações e cache. Para o portfólio, preservei as telas, substituí os serviços por fixtures e acrescentei um assistente claramente identificado como extensão da demo.

03 / ARQUITETURA

Como as partes se conectam

  1. 01Catálogo fictício normalizado
  2. 02Interface original de descoberta
  3. 03Biblioteca + progresso + tierlist
  4. 04Assistente contextual de demonstração
  5. 05IDs validados → escolha manual
04 / DECISÕES

Escolhas de engenharia

  • Catálogo, sinopses e imagens preparados para a demonstração.
  • Recomendações só podem referenciar IDs disponíveis no contexto.
  • O usuário decide o que adicionar à biblioteca.
05 / ROTEIRO DA DEMO

Duas formas de explorar

1Catálogo → detalhe → biblioteca → progresso → tierlist.

2Preferências → recomendação → razões → revisão → inclusão manual.

06 / ORIGEM E ADAPTAÇÃO

O que a demo apresenta

Original: Catálogo, biblioteca, progresso, tierlist, comunidade e integrações com cache.

Demo: Dados fictícios por visitante, reinício, tradução e assistente de recomendação validada.

GitHub · fontes podem estar em repositórios privados ↗
07 / LIMITAÇÕES

Limites claros

O projeto original integra catálogos e tradução; não possui recomendador generativo. O assistente de IA é uma extensão deste portfólio. Não acessa Jikan, AniList, MAL, serviços de tradução ou o banco de produção.

O estado pertence à sua sessão. Reinicie o cenário pela barra da demo.

Veja funcionando.

Abrir demo ↗