CounterStrike Inventory Viewer (cs-wrapper)

• Este projeto tem o objetivo de facilitar a visualização do inventário do CounterStrike de qualquer usuário a partir do URL do perfil.

Frameworks Utilizados:

• Next.js - v13
• Tailwind CSS (Estilização do site)
• React-Toastify (Notificações de maneira simplificada)
• Moment.js (Conversão de timestamp/data/tempo)
• Heroicons (Importação de icones simplificados)

Features:

• Carregar inventário & informações de usuários a partir do URL do perfil.
• Copiar URL permanente da steam.
• Carregar stickers colados no item.
• Checar StatTrak, Tradelock e outras informações dos itens.
• Inspecionar itens no jogo.

Observações:

• Devido ao endpoint da API da steam que retornava o inventário dos usuários ter sido removido, foi necessário utilizar o endpoint que o próprio site da steam utiliza ao carregar um inventário (o que constantemente ocasiona em rate-limit), a princípio a ideia era carregar e tratar todas as informações no server-side, porém devido a essa limitação da steam, o request que carrega o inventário foi jogado para o componente do inventário no client-side e é feito localmente na maquina do usuário a cada carregamento da página.

Exemplos: