Uma aplicação web moderna e responsiva para consulta de dados de empresas brasileiras utilizando a API pública da ReceitaWS.
- 🔍 Consulta por CNPJ - Busca completa de dados empresariais
- 🎨 Interface Moderna - Design responsivo com Tailwind CSS
- 📱 Mobile First - Otimizado para dispositivos móveis e desktop
- 🏷️ Cards Organizados - Visualização em seções distintas:
- Dados básicos da empresa
- Atividade principal
- Atividades secundárias
- Quadro societário
- 🟢 Status Visual - Destaque colorido para situação cadastral (Verde para ATIVA, Vermelho para outras)
- ⚡ Performance - Consulta rápida com tratamento de erros
- 🎯 UX Melhorada - Limpeza automática ao interagir com o campo
- Acesse o projeto hospedado (se disponível)
- Digite o CNPJ no campo de busca
- Clique em "Consultar" ou pressione Enter
- Clone o repositório:
git clone https://github.com/NinoMiquelino/consulta-cnpj-app.git- Abra o arquivo index.html em um navegador moderno
- Digite um CNPJ válido (apenas números) e clique em "Consultar"
📋 Exemplos de CNPJ para Teste
· 33.014.556/0001-96 - AMERICANAS
· 60.701.190/0001-04 - ITAU UNIBANCO
· 00.000.000/0001-91 - BANCO DO BRASIL
🛠️ Tecnologias Utilizadas
· JavaScript ES6+ - Lógica da aplicação e consumo de API
· Tailwind CSS - Framework CSS para estilização responsiva
· HTML5 - Estrutura semântica
· ReceitaWS API - API pública para consulta de CNPJ
· JSONP - Contorno de políticas CORS
📁 Estrutura do Projeto
consulta-cnpj-app/
├── index.html # Arquivo principal da aplicação
├── README.md # Documentação do projeto
└── LICENSE # Arquivo de Licença da aplicação
🎨 Layout e Componentes
Seções da Aplicação
- Header - Campo de busca e botão de consulta
- Banner de Situação - Status visual da empresa (ATIVA/OUTRAS)
- Dados Básicos - Informações fundamentais da empresa
- Atividade Principal - CNAE principal da empresa
- Atividades Secundárias - Lista de CNAEs secundários
- Quadro Societário - Sócios e administradores
Design Responsivo
· Mobile: Layout em coluna única
· Tablet: Ajuste progressivo dos grids
· Desktop: Layout multi-coluna otimizado
🔧 Funcionalidades Técnicas
Tratamento de Dados
· Formatação automática de CNPJ (XX.XXX.XXX/XXXX-XX)
· Formatação de datas no padrão brasileiro
· Formatação de moeda (R$)
· Validação de campos obrigatórios
Gerenciamento de Estado
· Loading durante consultas
· Tratamento de erros da API
· Limpeza automática de consultas anteriores
· Feedback visual para o usuário
Integração com API
// Exemplo de consulta
https://receitaws.com.br/v1/cnpj/33014556000196?callback=callback_123456789· A API da ReceitaWS possui limitações de rate limiting
· Dados dependem da atualização cadastral na Receita Federal
· Consultas podem falhar durante picos de uso
· Alguns CNPJs podem retornar dados incompletos
🐛 Solução de Problemas
Erro "Failed to fetch"
· Verifique a conexão com internet
· A API pode estar temporariamente indisponível
· Tente novamente após alguns segundos
Dados Incompletos
· Algumas empresas possuem informações limitadas na base pública
· Campos não informados serão marcados como "Não informado"
CNPJ Não Encontrado
· Verifique se o CNPJ foi digitado corretamente
· Confirme que o CNPJ existe na base da Receita Federal
🔗 Links Úteis
· API ReceitaWS
· Tailwind CSS
· Documentação JavaScript
Contribuições são sempre bem-vindas!
Sinta-se à vontade para abrir uma issue com sugestões ou enviar um pull request com melhorias.
📧 Entre em contato pelo LinkedIn
💻 Desenvolvido por Onivaldo Miquelino