Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ccuffs/horario
Mostrador de horários e organização de salas de aula do curso de Ciência da Computação da UFFS, Chapecó/SC.
https://github.com/ccuffs/horario
bootstrap css hacktoberfest hacktoberfest2020 html javascript pwa uffs
Last synced: 25 days ago
JSON representation
Mostrador de horários e organização de salas de aula do curso de Ciência da Computação da UFFS, Chapecó/SC.
- Host: GitHub
- URL: https://github.com/ccuffs/horario
- Owner: ccuffs
- Created: 2019-08-15T23:13:18.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2024-08-05T19:12:22.000Z (5 months ago)
- Last Synced: 2024-08-05T22:27:30.210Z (5 months ago)
- Topics: bootstrap, css, hacktoberfest, hacktoberfest2020, html, javascript, pwa, uffs
- Language: JavaScript
- Homepage: https://cc.uffs.edu.br/horario
- Size: 16.4 MB
- Stars: 19
- Watchers: 9
- Forks: 4
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Sobre o Projeto
Esse repositório contém a aplicação para mostrar e organizar as salas de aula do curso de Ciência da Computação da UFFS, Chapecó/SC. A página está disponível em [cc.uffs.edu.br/horario](https://cc.uffs.edu.br/horario/).
### Estrutura do dados
#### Professores
As informações sobre cada professor estão no arquivo chamado `./data/members.json`. A estrutura do arquivo é a seguinte:
```js
{
"fernando.bevilacqua": {
"name": "Fernando Bevilacqua",
"email": "[email protected]"
},
"lcaimi": {
"name": "Luciano Lores Caimi",
"email": "[email protected]"
},
...
}
```
#### Fases do Curso
As informações sobre cada fase do curso estão no arquivo chamado `./data/groups.json`. A estrutura do arquivo é a seguinte:
```js
{
{
"id": 1,
"name": "Vespertino - 1ª fase"
},
{
"id": 2,
"name": "Vespertino - 3ª fase"
},
...
}
```
#### Disciplinas
As informações sobre cada disciplina estão no arquivo chamado `./data/courses.json`. A estrutura do arquivo é a seguinte:
```js
{
"gex178": {
"name": "Nome da disciplina",
"description": "Descrição resumida da disciplina"
},
"gex179": {
"name": "Nome da outra disciplina",
"description": "Descrição resumida da outra disciplina"
},
...
}
```
#### Organização da tabela
Como as informações da tabela são organizadas estão no arquivo chamado `./data/$NOME_SEMESTRE/schedule.json`. A estrutura do arquivo é a seguinte:
```js
[
{
"id": 1, // ID
"code": "GEX208", // ID da disciplina
"group": 1, // ID da fase do curso
"weekDay": 2, // Identificador do dia da semana(Segunda, Terça, Quarta...)
"period": 5, // Identificador do período(07:30, 10:20, 13:30 ...)
"members": [...] // Array de ID's do professores
},
]
```
### Desenvolvimento
Rode o comando abaixo para gerar os arquivos do Tailwind:
```
npx tailwindcss-cli@latest build ./css/tailwind.css -o ./css/tailwind.min.css
```
#### Deploy
Se você estiver fazendo um deploy dessa aplicação, é interessante rodar alguns comandos para garantir a melhor performance.
Na raiz do projeto, rode:
```
NODE_ENV=production npx tailwindcss-cli@latest build ./css/tailwind.css -o ./css/tailwind.min.css
```
## Features
* Conceitos de flexbox;
* Uso do tema de cores do curso;
* Script para gerar as tabelas;
* Tooltips criados com CSS.
## Licença
Esse projeto é licenciado nos termos da licença open-source [Apache 2.0](https://choosealicense.com/licenses/apache-2.0/) e está disponível de graça.