Skip to content

Plataforma de gerenciamento de exercícios de Lógica de Programação

License

Notifications You must be signed in to change notification settings

Natalnet/lop-front-end

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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:

  1. O nome da linguagem como conhecido no backend, backendName ex: (cpp, para c++)
  2. O nome da linguagem como deve ser mostrado nas listas e outras entradas do frontend, niceName ex: (C++ para cpp, ou Python para python)
  3. 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"].

Colaboradores


Igor Rosberg
Igor Rosberg

💻
Marcus Dantas
Marcus Dantas

💻
Orivaldo Santana Jr
Orivaldo Santana Jr

💻
Hemerson Rafael
Hemerson Rafael

💻
Victor Hermes
Victor Hermes

💻
Hewerton Adão
Hewerton Adão

💻
Zé Vitor
Zé Vitor

💻
Maurício de Sousa Carvalho
Maurício de Sousa Carvalho

💻