Este é um projeto de painel simples para o acompanhamento em tempo real de linhas de ônibus da Região Metropolitana de Belo Horizonte (RMBH). A aplicação permite a visualização simultânea de até quatro linhas de ônibus, exibindo suas localizações em tempo real através de iframes da plataforma Mobilibus.
- Visualização em Tempo Real: Acompanhe a localização dos ônibus em tempo real.
- Múltiplas Linhas: Exiba até quatro linhas de ônibus simultaneamente em uma grade.
- Configuração Personalizada:
- Selecione uma Rede Integrada de Transporte (RIT).
- Escolha quais linhas (até 4) dentro da RIT selecionada você deseja visualizar.
- Persistência: Suas seleções de RIT e linhas são salvas no navegador, para que você não precise reconfigurar a cada visita.
- Interface Responsiva: O layout se adapta a diferentes tamanhos de tela.
- Frontend:
- HTML5
- CSS3
- JavaScript
- Vue.js 3
- Bootstrap 5
- jQuery
- Clone ou baixe este repositório.
- Abra o arquivo
index.htmlem seu navegador de preferência. - Por padrão, algumas linhas pré-selecionadas serão exibidas.
- Para alterar as linhas exibidas:
- Clique no ícone de engrenagem em qualquer um dos painéis.
- Selecione a RIT desejada (atualmente, apenas "RIT 4 - Sabará" está disponível).
- Marque as caixas de seleção para escolher as linhas que deseja acompanhar (mínimo 1, máximo 4).
- Clique em "Concluir".
- A página será recarregada com as linhas que você selecionou.