https://github.com/professor-correa/campus-datacenter-explorer
Projeto open-source de portal educativo para explorar a infraestrutura do Data Center do SENAI Suíço-Brasileiro, desenvolvido com tecnologias web padrão.
https://github.com/professor-correa/campus-datacenter-explorer
css datacenter html nodejs senai senaisp
Last synced: about 1 month ago
JSON representation
Projeto open-source de portal educativo para explorar a infraestrutura do Data Center do SENAI Suíço-Brasileiro, desenvolvido com tecnologias web padrão.
- Host: GitHub
- URL: https://github.com/professor-correa/campus-datacenter-explorer
- Owner: professor-correa
- Created: 2025-10-17T12:06:38.000Z (8 months ago)
- Default Branch: develop
- Last Pushed: 2026-01-12T14:38:59.000Z (5 months ago)
- Last Synced: 2026-01-12T21:19:57.102Z (5 months ago)
- Topics: css, datacenter, html, nodejs, senai, senaisp
- Language: HTML
- Homepage: https://datacenter.suicobrasileira.com.br/
- Size: 191 MB
- Stars: 6
- Watchers: 0
- Forks: 7
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
- Codeowners: .github/CODEOWNERS
Awesome Lists containing this project
README
# 🖥️ Campus Datacenter Explorer
> Projeto acadêmico desenvolvido pela turma de **Redes de Computadores** para documentar e explorar a estrutura de racks de um datacenter do senai suiço-brasileira.
> Cada rack possui sua própria página dedicada, com diagramas, documentação técnica e links úteis.
---
## 📌 Objetivo
O **Campus Datacenter Explorer** tem como meta:
- Organizar a documentação dos **6 servidores** do datacenter.
- Criar páginas independentes para cada rack (Rack1, Rack2, Rack3...).
- Facilitar a navegação entre serviços, documentação técnica e contatos.
- Servir como material de estudo e consulta para a turma.
---
## 📂 Estrutura de pastas do Projeto
```
src/ - Diretório raiz do projeto
├── assets/ - Diretório de arquivos estáticos (imagens e icones)
│ ├── icons/
│ └── images/
├── components/ - Diretótio com componentes web reutilizaveis
│ ├── dropdown/
│ └── header/
│ ├── header.html - Arquivo para testar o componente sozinho
│ └── header.css - Estilo do componente
├── helpers/ - Scripts auxiliares para funções expecificas em cada tela/componente
│ ├── dropdown.js
│ ├── hamburgerMenu.js
│ └── scrollBehavior.js
├── pages/ - Diretório com as páginas do projeto
│ ├── landingPage/
│ └── rack6Page/
│ ├── rack6.css - Estilização da página
│ └── rack6Page.html - Estrutura da página
├── styles/ - Diretório com estilizações globais
│ ├── global.css - Estilo global do projeto (tamanho de textos, estilo de botões)
│ ├── index.css - Estilo da página index.html na raiz do projeto
│ ├── reset.css - Limpa/Reseta a estilização padrão dos navegadores
│ └── variables.css - Definição de variaveis únicas do projeto (cores, tamanho de textos, gradientes, etc.)
├── .gitignore - Ignora arquivos irrelevantes ao projeto (configuração de IDE, variaveis de ambiente, etc)
├── index.html - Arquivo principal do projeto
└── README.md
```
---
## ⚙️ Tecnologias
- **HTML5** → estrutura das páginas
- **CSS3** → estilos globais e responsivos
- **JavaScript (ES6+)** → interações (dropdowns, scroll suave, menu hamburguer)
---
## 🦻 Acessibilidade
O projeto inclui opções de acessibilidade como:
- **Vlibras** → API implementada via script que permite que pessoas surdas acessem conteúdo multimídia em sua língua natural de comunicação
- **Menu de acessibilidade** → Menu auxiliar com opções de:
- ajuste de cores (monocromático, alto contraste)
- ajuste de fonte (aumenta/diminuir texto)
---
## 🚀 Como rodar
1. Clone o repositório:
```bash
git clone https://github.com/srjuninn/campus-datacenter-explorer.git
```
2. Acesse a pasta do projeto:
```bash
cd campus-datacenter-explorer
```
3. Abra o projeto no navegador (exemplo usando VSCode Live Server):
```bash
http://127.0.0.1:5500/src/pages/Rack3Page/rack3Page.html
```
---
## 📖 Boas práticas de Git
Este projeto segue um fluxo **Git Flow** simplificado:
- **Commits** → `feat: descrição`, `fix: descrição`, `chore: descrição`
- **Branches** → `feat/createdRack1Page`, `fix/footerLayout`, `hotfix/28`
- **Pull Requests** → `[FEAT] Created Rack1 Page`, `[HOTFIX] 28#`
---
## 👨💻 Colaboradores
Veja os colaboradores de cada parte desse projeto!
- [Rack 1](src/pages/rack1Page/colabs.md)
- [Rack 2](src/pages/rack2Page/colabs.md)
- [Rack 3](src/pages/rack3Page/colabs.md)
- [Rack 4](src/pages/rack4Page/colabs.md)
- [Rack 5](src/pages/rack5Page/colabs.md)
- [Rack 6](src/pages/rack6Page/colabs.md)
- [Landing Page](src/pages/landingPage/colabs.md)
---
## 📜 Licença
Este projeto é de uso acadêmico e não possui fins comerciais.