Pular para o conteúdo principal
Logo do site
Voltar para a página inicial

Getup · 2025

Quor

Único engenheiro front-end (greenfield)

Console do cliente do Quor, o catálogo de imagens de container hardened da Getup: navegue pelo catálogo, inspecione dados de segurança por imagem e gerencie o acesso ao registry.

Visitar site
  • React
  • TypeScript
  • Vite
  • Tailwind CSS
  • TanStack Router
  • TanStack Query
  • TanStack Table
  • TanStack Form
Quor

Problema

O Quor vende confiança: imagens de container hardened com baseline zero-CVE, SBOMs e procedência verificável. Os clientes precisavam de um console que tornasse essas evidências utilizáveis — um catálogo de imagens crescente para navegar, dados de segurança densos no nível de pacote para inspecionar e credenciais de registry das quais pipelines de produção dependem.

Resultado

Entrou em produção junto com o lançamento público do produto. Do repositório vazio às mãos dos clientes, sozinho: uma SPA React totalmente type-safe em que catálogos pesados e dados de segurança continuam responsivos, e fluxos de credenciais projetados para serem difíceis de errar.

Destaques

  • ✦Único engenheiro front-end — arquitetura, design system e implementação do zero ao lançamento
  • ✦Type-safe de ponta a ponta com React, TypeScript e o ecossistema TanStack
  • ✦Telas de catálogo e de detalhe de imagem otimizadas para continuar rápidas com grandes volumes de dados de segurança
  • ✦Gestão de credenciais de registry e de organizações pensada para que o acesso do CI seja difícil de quebrar

README

Visão geral

O Quor é o catálogo da Getup de imagens de container hardened e prontas para produção: baselines zero-CVE, SBOMs, assinatura criptográfica e procedência verificável via SLSA para times que rodam Kubernetes em produção. Construí o console voltado ao cliente como único engenheiro front-end, do repositório vazio ao lançamento público.

O que construí

  • Catálogo e telas de detalhe de imagem — navegar e filtrar o catálogo de imagens hardened por categoria e arquitetura, e aprofundar nas tags e nos dados de segurança de cada imagem.
  • Gestão de conta e de registry — credenciais de pull, fluxos de organização e configurações: as telas em que um erro de UX pode deixar um pipeline de CI sem acesso às imagens de produção.

Arquitetura

Uma SPA React greenfield construída com Vite e TypeScript, estilizada com Tailwind CSS e apostando tudo no ecossistema TanStack — Router para rotas type-safe, Query para estado do servidor, Table para as grades de dados pesadas e Form para os fluxos de credenciais e de organização. A tipagem vai dos parâmetros de rota até o envio dos formulários.

Problemas difíceis

  • Muitos dados, com velocidade — catálogos de imagens e dados de segurança por pacote são grandes; tabelas, busca e filtros precisavam continuar responsivos com volumes reais.
  • Decisões greenfield que precisavam durar — stack, design system, padrões de busca de dados e de autenticação escolhidos do zero, com o produto crescendo em volta deles.
  • UX de credenciais com impacto real — os fluxos de acesso ao registry foram projetados para que os erros perigosos sejam difíceis de cometer.

Resultado

O console entrou em produção com o lançamento público do Quor — um engenheiro front-end, do zero ao produto lançado.