Monitor de Gas Ethereum: And.Gas – Extensão Google Chrome

Monitor de Gas Ethereum: And.Gas – Extensão Google Chrome

1. O Desafio: A Fricção na Experiência Web3

No ecossistema Ethereum, acompanhar as taxas de transação (Gas Fees) é uma rotina constante para desenvolvedores e investidores. O problema é que a maioria das soluções exige manter abas pesadas abertas (como o Etherscan) ou instalar ferramentas repletas de gráficos e funcionalidades que o usuário não pediu, consumindo memória e fragmentando a atenção.

O desafio técnico e de design era claro: criar uma solução invisível quando ociosa, mas perfeitamente assertiva quando solicitada, respeitando os recursos da máquina do usuário.

2. A Solução: Intervenção Cirúrgica no Navegador

O and.gas nasceu como um projeto de validação técnica e conclusão de pós-graduação. É uma extensão nativa para o Google Chrome que permite ao usuário definir um “teto” de custo de rede em Gwei.

Em vez de verificar manualmente, a extensão trabalha silenciosamente em background utilizando a API nativa de alarmes do navegador. Assim que a rede atinge o limite desejado, o usuário recebe uma notificação push direta no sistema operacional.

3. Identidade Visual e UX: Menos é (Muito) Mais

A interface foi construída seguindo rigorosamente a identidade visual monocromática da and.verso.

  • Design de Alto Contraste: O uso exclusivo de preto, branco e tons de cinza claro elimina ruídos visuais.
  • Leitura Instantânea: A tipografia e os espaços em branco foram milimetricamente calculados para que o dado mais importante (o valor atual do Gas) seja compreendido em menos de um segundo após o clique.
  • Feedback Visual: Implementação de estados claros (“Aguardando leitura…”, “Atualizando…”) e um botão de atualização manual (↻) para que o usuário sempre tenha controle do status da conexão.

4. Arquitetura e Engenharia: Zero Frameworks

Para garantir que a extensão fosse extremamente leve, tomei a decisão arquitetônica de não utilizar nenhum framework moderno (como React ou Vue).

O desenvolvimento foi conduzido 100% em Vanilla JavaScript, HTML5 e CSS3, utilizando os padrões mais recentes do Google:

Características do Projeto

  • Manifest V3

    O padrão de segurança mais rigoroso e atual do Google para extensões, garantindo que o código rode isolado e sem vazamentos de memória.

  • Service Workers

    Scripts efêmeros rodando em segundo plano (background.js), que atualizam apenas a cada 2 minutos para fazer o fetch na API (V2) da Etherscan, e voltam a dormir.

  • Persistência Segura

    Uso do chrome.storage.local para manter as preferências do usuário salvas diretamente no navegador, sem necessidade de banco de dados externo.

  • Sistema Anti-Spam

    Lógica de espera de 15 minutos implementada no Worker para garantir que o usuário não seja bombardeado com notificações repetidas caso a taxa oscile rapidamente na linha de corte.

Detalhes do Projeto

Utilitário Web3 minimalista desenvolvido como extensão para Chrome (Manifest V3). Foco em performance zero-drag e arquitetura sem frameworks.

URLs

Pronto para tirar seu projeto do papel?

Pronto para tirar seu projeto do papel?

Não deixe sua ideia parada por falta de braço técnico. Nossa equipe está pronta para o próximo desafio.