Horario

<p align="center"> <img alt="Logo do projeto" title="Logo do projeto" src=".github/logo.svg" width="400"/> </p> <p align="center"> <img alt="Demo aplicação" src=".github/demo1.gif" /> </p>

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.

Estrutura do dados

Professores

As informações sobre cada professor estão no arquivo chamado ./data/members.json. A estrutura do arquivo é a seguinte:

{
    "fernando.bevilacqua": {
        "name": "Fernando Bevilacqua",
        "email": "fernando.bevilacqua@uffs.edu.br"
    },
    "lcaimi": {
        "name": "Luciano Lores Caimi",
        "email": "fernando.bevilacqua@uffs.edu.br"
    },
    ...
}

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:

{
    {
        "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:

{
    "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:

[
    {
        "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 e está disponível de graça.