Repositórios

Atualmente, existem 7 repositórios de front-end, sendo destes, 3 sistemas, 3 micro-frontend’s e 1 design system.

Todos os repositórios de front-end estão armazenados no Github, na organização da KOR.

Esses repositórios são:

Tecnologias

Para construção dos projetos, foram utilizadas as seguintes linguagens: HTML, CSS, JavaScript e TypeScript.

Além das linguagens, foi utilizado o React (utilizando Vite ou Next) e o Turbo para construção dos projetos.

Abaixo é possível ver quais projetos utilizaram quais ferramentas:

Consumo de dados

Atualmente, o front-end consome dados tanto via firebase quanto via api rest.

Para grande parte do sistema, é utilizado unicamente api rest. Buscando otimizar as consultas, utilizamos um misto entre axios e useQuery, para que requisições redundantes sejam cacheadas e chamadas com sucesso em endpoints automaticamente disparem chamadas buscando os dados atualizados de outros endpoints (por exemplo, quando um endpoint de edição retorna sucesso, o seu respectivo endpoint de listagem é chamado para buscar os dados atualizados).

Porém, em serviços onde é necessária uma comunicação realtime (como o chat, por exemplo), ocorre um misto entre firebase e api rest. Para o consumo dos dados, é inteiramente firebase, porém, para escrita de dados, é utilizado tanto o firebase quanto api rest, tudo depende da necessidade do projeto.

Abaixo é possível visualizar quais projetos utilizam quais serviços para consumir dados: