Pular para o conteúdo
Projetos
Concluído2026

CS2 Skins

Compare preços de skins e monte um loadout de CS2 com seu estilo e orçamento.

Função
Desenvolvedor Fullstack
Status
Concluído
CS2 Skins
// Visão geral

O CS2 Skins foi criado para resolver a dificuldade de escolher skins individualmente e montar kits que combinem entre si, buscando o melhor preço disponível. A proposta é reunir descoberta, combinações e comparação entre marketplaces em um só lugar, ajudando jogadores a montar um loadout de acordo com seu estilo e orçamento. Como agregador, comparador de preços e construtor de loadouts, o site permite que o visitante explore o catálogo, busque skins, selecione variantes exatas e compare os menores preços anunciados entre marketplaces, junto de um histórico de 30 dias. As compras acontecem nos marketplaces vinculados. A aplicação também oferece kits editoriais com planos de compra, um construtor de loadouts por slot, recomendações visuais, combinações de facas e luvas e o Smart Loadout: um otimizador por orçamento que seleciona skins de um conjunto com curadoria visual. Loadouts podem ser compartilhados por links codificados, enquanto seleções salvas e a wishlist ficam no navegador do visitante. O SvelteKit preserva a renderização no servidor e mantém a integração com CS2Cap, credenciais, validação e normalização das respostas no servidor. Caches limitados em memória e deduplicação de requisições reduzem chamadas externas. O MVP funciona de ponta a ponta e usa um processo Node de longa duração com Docker; a hospedagem pública ainda está pendente.

Principais recursos

  • Exploração do catálogo com filtros na URL e busca global interativa.
  • Seleção exata de variantes, comparação entre marketplaces e histórico de 30 dias.
  • Kits editoriais com planos de menor preço ou menos marketplaces.
  • Construtor por slot com precificação sob demanda e links compartilháveis.
  • Smart Loadout a partir de orçamento e preferências visuais curadas.
  • Recomendações visuais de skins e combinações de facas e luvas.
  • Wishlist local com variantes exatas e preços de referência salvos.
// Galeria
// Arquitetura

Arquitetura

Navegador → rotas SvelteKit → serviços de aplicação → cache limitado → CS2Cap. Respostas do provedor são validadas com Zod e normalizadas antes de chegar aos componentes de apresentação. Algoritmos puros cuidam do ranking visual e da otimização por orçamento.

  • Renderização no servidor com credenciais privadas e contratos de domínio normalizados.
  • Caches TTL limitados, deduplicação de chamadas em andamento e falhas fora do cache.
  • Ranking visual antes da precificação limitada; otimização exata verificada contra busca exaustiva.
  • Armazenamento local versionado e compartilhamento codificado preservam identidades, sem salvar preços de loadouts.
  • Processo Node de longa duração com adapter-node, Docker e health check independente do provedor.
// Tecnologias
SvelteKitSvelte 5TypeScriptTailwindCSSBits UITanStack QueryZodLayerChartVitestPlaywrightDocker