https://github.com/luisdasartimanhas/statuspage
Página de status que monitora sites da Pingobras S.A em tempo real. Exibe status online/offline, tempo de resposta e gráficos com histórico. Feito com HTML, CSS, JS (ES Modules) e Chart.js, com ajuda do ChatGPT da OpenAI na organização e otimização do código.
https://github.com/luisdasartimanhas/statuspage
Last synced: about 1 year ago
JSON representation
Página de status que monitora sites da Pingobras S.A em tempo real. Exibe status online/offline, tempo de resposta e gráficos com histórico. Feito com HTML, CSS, JS (ES Modules) e Chart.js, com ajuda do ChatGPT da OpenAI na organização e otimização do código.
- Host: GitHub
- URL: https://github.com/luisdasartimanhas/statuspage
- Owner: LUISDASARTIMANHAS
- License: gpl-3.0
- Created: 2025-04-05T15:23:51.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-04-08T16:51:32.000Z (over 1 year ago)
- Last Synced: 2025-05-16T06:12:09.224Z (about 1 year ago)
- Language: JavaScript
- Homepage: https://luisdasartimanhas.github.io/statuspage/
- Size: 25.4 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
## 🖥️ Status Page - Monitoramento de Sites
Este projeto é uma **página de status em tempo real** que monitora a disponibilidade e o tempo de resposta de sites hospedados em servidores da Pingobras S.A.
Ele exibe os resultados em uma tabela com atualização automática e gráficos dinâmicos usando [Chart.js](https://www.chartjs.org/).
### 🔧 Tecnologias Utilizadas
- HTML5 + CSS3
- JavaScript ES6 (com `type="module"`)
- Chart.js (para gráficos dinâmicos)
- API externa via `fetch`
- Hospedagem compatível com GitHub Pages
### ⚙️ Funcionalidades
- Consulta periódica dos servidores usando `fetch`.
- Atualização automática a cada *n* segundos (configurável).
- Tabela com status dos sites (online/offline e tempo de resposta).
- Gráfico interativo com o histórico recente de resposta de cada site.
- Códigos modularizados em arquivos JS separados.
### 💡 Como surgiu?
Esse projeto nasceu da necessidade de monitorar visualmente a saúde de servidores hospedados, principalmente para uso interno da Pingobras.
A estrutura modular e visual foi desenvolvida com o auxílio do **ChatGPT da OpenAI**, que colaborou com a refatoração, organização e boas práticas do código.
Sem ele, provavelmente estaria tudo em um único arquivo enorme! 😅
### 🚀 Como testar
Você pode rodar localmente ou hospedar facilmente no GitHub Pages. Basta clonar o repositório e ativar a página no menu `Settings > Pages`.