Pular para o conteúdo
App Mobile

Backlost

Seu backlog de jogos, finalmente organizado.

Papel
Product Design & Desenvolvimento
Ano
2025
Status
Em desenvolvimento

— Sobre o projeto

Seu backlog de jogos, finalmente organizado.

Backlost nasceu de uma dor real: ter centenas de jogos espalhados em diferentes plataformas sem nenhuma forma organizada de gerenciá-los. O app resolve isso reunindo PSN, Xbox e Steam em um único lugar, puxando dados automaticamente de cada conta.

A interface foi pensada para ser rápida e simples. Registrar progresso, marcar um jogo como concluído ou ver os troféus de todas as plataformas de uma vez. Cada detalhe do design teve como objetivo sair do caminho do usuário.

O desafio técnico principal foi construir integrações estáveis com três APIs bem diferentes entre si, cada uma com seus próprios rate limits e formatos de dados, usando Redis para cache e manter tudo responsivo mesmo com muitos dados.

— A história

Como construí cada parte

Capítulo 01Login · Cadastro

Entrar sem fricção

O login pede só usuário e senha. O cadastro foi dividido em dois passos curtos, primeiro usuário e e-mail, depois senha e confirmação, com a opção de se cadastrar com o Google em qualquer um deles.

Backlost — Login · Cadastro (1/3)
Backlost — Login · Cadastro (2/3)
Backlost — Login · Cadastro (3/3)
  • Cadastro em dois passos
  • Cadastro com Google

Capítulo 02Recuperar senha

Recuperar a senha

Quem esqueceu a senha informa o e-mail, recebe um código de quatro dígitos e define uma senha nova. O código pode ser reenviado depois de uma contagem regressiva.

Backlost — Recuperar senha (1/3)
Backlost — Recuperar senha (2/3)
Backlost — Recuperar senha (3/3)
  • Código de 4 dígitos
  • Reenvio com contagem

Capítulo 03Home

A Home cresce com você

Na primeira vez, a Home só convida a adicionar jogos. Com o backlog montado, ela mostra o jogo atual em destaque, o progresso de troféus e as métricas: jogos na fila, finalizados, média de conclusão, horas jogadas e jogos por plataforma.

Backlost — Home (1/2)
Backlost — Home (2/2)
  • Estado vazio com chamada para ação
  • Métricas por plataforma

Capítulo 04Busca · Jogo

Montar o backlog

A busca lista jogos de todas as plataformas com filtro e ordenação. Cada jogo abre uma página com o tempo estimado para zerar e a lista de troféus, e entra no backlog com um toque.

Backlost — Busca · Jogo (1/2)
Backlost — Busca · Jogo (2/2)
  • Adicionar direto da busca
  • Tempo estimado para zerar

Capítulo 05Meus jogos · Editar

Jogar, jogando, zerado

A lista separa o jogo atual dos próximos da fila, cada um com o progresso de troféus e horas jogadas. Na edição, os jogos são reordenados arrastando, e a ordem define o que vem depois.

Backlost — Meus jogos · Editar (1/2)
Backlost — Meus jogos · Editar (2/2)
  • Fila por prioridade
  • Reordenar arrastando

Capítulo 06Jogo · Troféus

Troféus de todas as plataformas

Cada jogo do backlog mostra progresso, tempo jogado e a lista de troféus. As conquistas de PSN, Xbox e Steam aparecem no mesmo formato, e dá para marcar um troféu à mão quando a plataforma não informa.

Backlost — Jogo · Troféus
  • Progresso por troféu
  • Marcação manual

Capítulo 07Perfil · Conexões

Três contas, um perfil

No perfil você conecta PSN, Xbox Live e Steam uma vez e o progresso passa a sincronizar sozinho. O desafio foi integrar três APIs distintas, cada uma com seus próprios rate limits e formatos de dados. A troca de senha fica no mesmo lugar.

Backlost — Perfil · Conexões (1/2)
Backlost — Perfil · Conexões (2/2)
  • Sincronização automática
  • Rate limit por plataforma

— Tecnologias

Mobile

  • React Native
  • TypeScript
  • Expo
  • NativeWind
  • Zustand
  • TanStack Query
  • React Hook Form
  • Zod

Backend

  • NestJS
  • TypeScript
  • PostgreSQL
  • Redis
  • Prisma

Integrações

  • PSN API
  • Xbox API
  • Steam API
  • OAuth 2.0
  • JWT