Este projeto é uma ferramenta interativa que ajuda os usuários a diagnosticar e resolver problemas comuns de rede doméstica através de um sistema de perguntas e respostas guiadas.
- Interface intuitiva e responsiva
- Diagnóstico passo a passo para problemas comuns de rede
- Explicações detalhadas de conceitos e ferramentas de rede
- Suporte para modo offline (PWA)
- Design otimizado para dispositivos móveis e desktop
- HTML5
- CSS3 com Tailwind CSS
- JavaScript (Vanilla)
- Service Worker para funcionalidade offline
/
├── index.html # Página principal
├── manifest.json # Configuração PWA
├── service-worker.js # Service Worker para funcionalidade offline
├── css/
│ ├── styles.css # Estilos principais
│ └── animations.css # Animações específicas
├── js/
│ ├── main.js # Lógica principal da aplicação
│ └── diagnostic-data.js # Dados da árvore de diagnóstico
└── images/ # Ícones e imagens
Este projeto está configurado para ser hospedado no GitHub Pages. Para fazer o deploy:
- Faça fork ou clone este repositório
- Habilite o GitHub Pages nas configurações do repositório, apontando para a branch principal
- O site estará disponível em
https://[seu-usuario].github.io/[nome-do-repositorio]/
Para executar este projeto localmente:
- Clone o repositório
- Abra o arquivo
index.html
em um navegador web ou use um servidor local (recomendado)
Caso queira utilizar um servidor local:
# Usando Python
python -m http.server 8000
# Ou instale o pacote serve via npm
npm install -g serve
serve
Para personalizar este guia:
- Modifique o arquivo
js/diagnostic-data.js
para alterar o fluxo de diagnóstico - Ajuste os estilos em
css/styles.css
conforme necessário - Adicione novas seções ou recursos conforme a necessidade
Este projeto está licenciado sob a licença MIT - veja o arquivo LICENSE para detalhes.