🚀 Gerenciador do GitHub

Aplicação web em português para criar repositórios, enviar projetos e acompanhar a atividade do GitHub direto pelo navegador — sem instalar nada.

🌐 Abrir aplicação · 📥 Ver código · 🐛 Reportar problema

---

✨ O que a aplicação faz

Recurso	Descrição
📤 Envio de projetos	Arraste uma pasta e publique direto em um repositório novo
📊 Painel de controle	Estatísticas dos seus repositórios, commits e atividade
📋 Modelos prontos	6 templates de projeto (site, React, Flask, Node, portfólio, docs)
💾 Backup e sincronização	Backup local com exportação de configurações
🔍 Busca global	Atalho Ctrl+K para achar qualquer coisa na aplicação
⚙️ Configurações	Tema (claro/escuro/auto), idioma, timeouts, compressão de imagens
🌓 Tema escuro	Com céu estrelado animado em segundo plano
📱 100% responsivo	Funciona em celular, tablet e desktop
♿ Acessível	Conformidade WCAG 2.1 AA, navegação por teclado

---

🚀 Como usar

Opção 1 — Online (recomendado)

1. Acesse aajunior43.github.io/github-manager-web
2. Clique em 🔧 Configurar credenciais e informe seu username e token do GitHub
3. Clique em 📊 Verificar sistema para confirmar que tudo está ok
4. Use o menu para enviar projeto, ver repositórios ou criar a partir de um modelo

💡 Sobre o token: use um Personal Access Token (PAT) com escopo repo. O token fica salvo apenas no localStorage do seu navegador — nada é enviado para servidores externos.

Opção 2 — Rodar localmente

git clone https://github.com/aajunior43/github-manager-web.git
cd github-manager-web
# Abrir o index.html no navegador, ou:
python3 -m http.server 8000
# Acesse http://localhost:8000

Não há build, dependências ou etapa de compilação. É HTML + CSS + JS puros.

---

📋 Modelos de projeto incluídos

Modelo	Para quê serve	Tecnologias
🌐 Site básico	Página estática com HTML, CSS e JS	HTML5, CSS3, JS
⚛️ React App	SPA React com estrutura completa	React, JSX, CSS
🐍 Flask API	API REST em Python	Python, Flask
🟢 Node.js + Express	Servidor backend JS	Node.js, Express
💼 Portfólio	Site pessoal responsivo	HTML5, CSS3
📚 Documentação	Site de docs com Markdown	HTML5, CSS3, MD

Para usar: clique em 📋 Modelos → escolha → Baixar → personalize.

---

🧱 Estrutura do projeto

github-manager-web/
├── 📄 index.html                    # Interface principal (1.372 linhas)
├── 📄 script.js                     # Lógica da aplicação (2.693 linhas)
├── 📄 styles.css                    # Estilos e animações (3.346 linhas)
├── 📄 new-styles.css                # Estilos complementares
├── 📄 enhanced-features.js          # Sistema de notificações
├── 📄 jsconfig.json                 # Configuração de JS
├── 📄 README.md                     # Este arquivo
├── 📄 COMO_USAR.md                  # Guia detalhado de uso
├── 📄 PROJETO_INFO.md               # Detalhes técnicos
├── 📄 UPLOAD_MANUAL_README.md       # Guia de upload manual
└── 📦 PROJETO_COMPLETO_BACKUP.zip   # Pacote completo para redistribuição

Total: 7.411 linhas de código · ~225 KB · zero dependências de framework.

---

🛠️ Tecnologias

Núcleo

• HTML5 semântico
• CSS3 com variáveis customizadas e animações
• JavaScript ES6+ modular (sem bundler, sem framework)

Recursos web nativos

• File API + Drag & Drop para upload
• LocalStorage para persistência de preferências
• Web Workers e Service Workers (PWA ready)

Bibliotecas externas (via CDN)

• Font Awesome 6 — ícones
• Google Fonts (Inter) — tipografia

---

⚡ Performance e segurança

Otimizações

• ✅ Preload de recursos críticos (fontes, CSS principal)
• ✅ DNS prefetch e preconnect
• ✅ Lazy loading de imagens
• ✅ Debounce em buscas e inputs
• ✅ Cache inteligente via Service Worker
• ✅ Scripts com defer para não bloquear render

Segurança

• ✅ Sanitização de entradas (contra XSS)
• ✅ Validação client-side de formulários
• ✅ Credenciais encriptadas no localStorage
• ✅ Pronto para CSP (Content Security Policy)

---

🌐 Compatibilidade

Navegadores: Chrome 80+ · Firefox 75+ · Safari 13+ · Edge 80+

Dispositivos: Desktop (1920×1080+) · Notebook (1366×768+) · Tablet (768×1024) · Celular (375×667+)

---

🗺️ Roadmap

• Tema escuro com céu estrelado animado
• Painel com estatísticas dos repositórios
• 6 modelos de projeto prontos
• Sistema de notificações
• Service Worker completo (PWA instalável)
• Modo offline com IndexedDB
• Temas claro/escuro/auto com transição suave
• Internacionalização (PT, EN, ES)
• Integração completa com a API do GitHub (Actions, Releases, Issues)

---

📚 Documentação adicional

Arquivo	Conteúdo
COMO_USAR.md	Passo a passo detalhado de cada funcionalidade
PROJETO_INFO.md	Estatísticas, arquitetura e decisões técnicas
UPLOAD_MANUAL_README.md	Como publicar manualmente (caso o push automático falhe)

---

🤝 Contribuindo

Sugestões e correções são bem-vindas.

1. Abra uma issue descrevendo a ideia ou o bug
2. Faça um fork e crie uma branch (git checkout -b feature/minha-melhora)
3. Commit (git commit -m 'Adiciona: minha melhora')
4. Push (git push origin feature/minha-melhora)
5. Abra um Pull Request

---

📄 Licença

MIT — use, modifique e distribua livremente. Veja o arquivo LICENSE para o texto completo.

---

👨‍💻 Autor

Aleksandro Alves da Rocha Junior

• GitHub: @aajunior43
• Localização: Inajá, Paraná 🇧🇷
• Função: Secretário de Finanças da Prefeitura de Inajá-PR

---

Feito com ☕ e JavaScript puro em Inajá-PR
_{Se esta aplicação te ajudou, considere deixar uma ⭐ no repositório.}