O SIMGrade é um webapp desenvolvido pela LAWD para auxiliar estudantes no planejamento acadêmico. A aplicação oferece duas ferramentas principais:
- Simulador de Grade Horária — monte sua grade do semestre com verificação de conflitos, autocompletar de disciplinas e exportação em diversos formatos.
- Simulador de Fluxo Curricular (SIMFluxo) — acompanhe seu progresso no curso, visualize pré-requisitos e simule migrações curriculares.
O projeto é 100% estático (HTML/CSS/JS puro), sem necessidade de build ou servidor, basta abrir o arquivo index.html no navegador.
- Adicionar disciplinas com busca por autocompletar (nome e professor)
- Verificação automática de conflitos de horário
- Editar e excluir disciplinas já adicionadas
- Adicionar atividades extracurriculares (PIBIC, PIBITI, Estágio, Monitoria, etc.)
- Exportar grade como imagem PNG
- Compartilhar grade via QR code
- Exportar e importar grade em arquivo JSON
- Importar grade escaneando QR code pela câmera
- Alternar entre modo escuro e claro
- Persistência automática dos dados no navegador
- Visualização completa do fluxo curricular por semestre
- Seleção entre 4 cursos: Sistemas de Informação (SI), Ciência da Computação (CC), Engenharia de Computação (EC) e Inteligência Artificial (IA)
- Marcar status de disciplinas: Aprovado, Em Curso, Reprovado ou Limpar
- Setas de pré-requisitos renderizadas como SVG entre disciplinas
- Disciplinas bloqueadas visualmente quando pré-requisitos não foram cumpridos
- Barra de progresso com contagem de horas (obrigatórias e eletivas)
- Simulação de migração curricular (fluxo antigo vs. novo com equivalências)
- Exportar e importar estado via QR code ou JSON
- Ações em lote por período (aprovar todas / limpar todas)
- Alternar entre modo escuro e claro
| Tecnologia | Uso |
|---|---|
| HTML5 | Estrutura das páginas |
| CSS3 | Estilização e design responsivo |
| JavaScript (ES6+) | Lógica interativa e manipulação do DOM |
| html2canvas | Exportar grade como imagem |
| QRCode.js | Gerar QR codes |
| jsQR | Ler QR codes via câmera |
| lz-string | Compressão de dados para QR code |
| Google Fonts | Fonte Roboto |
| Font Awesome | Ícones |
-
Clone o repositório:
git clone https://github.com/Lawd-UFS/SIMGrade.git
-
Acesse o diretório:
cd SIMGrade -
Abra no navegador:
- Abra
index.htmldiretamente no navegador, ou - Use a extensão Live Server do VS Code para recarregamento automático
Não há build nem servidor necessário — o projeto é 100% estático.
- Abra
-
Desenvolvimento (opcional):
npm install # Instala dependências de desenvolvimento npm run lint # Verifica erros de estilo e código npm run format # Formata todos os arquivos com Prettier
SIMGrade/
├── index.html # Página principal (Simulador de Grade)
├── fluxo.html # Simulador de Fluxo Curricular
├── equipe.html # Página da equipe
├── css/
│ ├── styles.css # Estilos de index.html
│ ├── fluxo.css # Estilos de fluxo.html
│ └── equipe.css # Estilos de equipe.html
├── js/
│ ├── script.js # Lógica de index.html
│ ├── fluxo.js # Lógica de fluxo.html
│ ├── equipe.js # Lógica de equipe.html
│ ├── scrapperPDF.js # Scraper de PDF de ofertas (Node CLI)
│ └── data/ # Dados de currículos e pré-requisitos
├── assets/
│ ├── images/ # Logos e ícones
│ └── docs/ # JSONs e PDFs de dados do DCOMP
└── package.json
Contribuições são bem-vindas! Para contribuir:
- Abra uma Issue descrevendo o bug ou melhoria em github.com/Lawd-UFS/SIMGrade/issues
- Faça um fork do repositório
- Crie uma branch para sua feature (
git checkout -b minha-feature) - Faça suas alterações e execute o linter:
npm run lint npm run format
- Abra um Pull Request para a branch
main
 Gyovani Santos LinkedIn • E-mail |
 Gustavo Henrique LinkedIn • E-mail |
 Daniel Trindade LinkedIn • E-mail |
 Bruno Saint Clair LinkedIn • E-mail |
 Dimitri Martins LinkedIn • E-mail |
Siga a LAWD nas redes sociais:
Este projeto está licenciado sob a licença MIT. Consulte o arquivo LICENSE para mais detalhes.