lop-front-end: A CSS repository from wendellpbarreto

Plataforma LOP

`yarn install`

Esse comando irá instalar todas as dependências do projeto.

`yarn start`

Executa o aplicativo no modo de desenvolvimento. Abra http://localhost:3000 para ver no seu navegador. A página será recarregada se você fizer edições. Você também verá quaisquer erros de lint no console.

Rotas

Atualmente só existem poucas rotas de testes que são:

/ => Mostra uma tela de login.
/sistema/aluno=> Mostra página base do sistema.
* => Qualquer outra rota mostra página de erro 404.

Adicionando novas linguagens

A partir do updade de 26/08/2020, novas linguagens são adicionadas no arquivo src/config/SupportedLanguages.js, para adicionar uma linguagem são necessários 3 elementos:

O nome da linguagem como conhecido no backend, backendName ex: (cpp, para c++)
O nome da linguagem como deve ser mostrado nas listas e outras entradas do frontend, niceName ex: (C++ para cpp, ou Python para python)
Um ícone para a linguagem no formato svg que é usado em lugares onde tal icone é necessário

As mudanças no arquivo SupportedLanguages.js são refletidas em todo frontend, mas devem ser incorporadas nos backends individualmente, segue abaixo um exemplo para adicionar a linguagem R ao frontend. backendName: "r", nice name: "R", icone: https://commons.wikimedia.org/wiki/File:R_logo.svg. De preferencia adicione os ícones aos assets.

...
import r_icon from 'https://commons.wikimedia.org/wiki/File:R_logo.svg'
...

LanguageObject {
...
python...
r : {  backendName: "r", niceName: "R", icon: r_icon}
};

No front end, quando precisar acessar a lista de nomes do backend das linguagens, use SupportedLanguages.list, depois de importar o SupportedLanguages.js. Caso precise acessar os nomes para exibição use SupportedLanguages.niceNames. Ex: na versão atual, SupportedLanguages.list == ["javascript", "cpp", "c", "python"] e SupportedLanguages.niceNames == ["JavaScript", "C++", "C", "Python"].