Desenvolvedor(a) Front-end Vue Júnior (Painel de Indicadores)

Sylision; United States; Remote; USD 6,700 - 10,000; Full time

Benefits offered by this job

Ambiente colaborativo

Trabalho remoto flexível

Conexão global

Saúde física TotalPass e Mediquo

Saúde mental Team Care

Contrato definido

Job summary

Sylision está buscando um desenvolvedor front-end júnior com foco em Vue.js para trabalhar num painel de indicadores em tempo real. O papel envolve criar cartões, gráficos com ECharts, atualizações via WebSocket e testes com Vitest, tudo num ambiente 100% remoto.

O candidato ideal tem experiência com Vue, JavaScript e TypeScript, conhecimento de reatividade e componentes Vue, HTML/CSS e Git com PR. Benefícios incluem flexibilidade e trabalho remoto.

Qualifications

• Curso, estágio ou projeto próprio com Vue.js.
• JavaScript e noção de TypeScript.
• Reatividade e componentes no Vue.
• HTML e CSS com layout em grade.
• Noção do que é uma conexão em tempo real.
• Noção de como o navegador gasta memória e processamento.
• Git com pull request.

Responsibilities

• Construir cartões de indicador com valor atual, meta e variação.
• Receber atualizações em tempo real por WebSocket e reconectar quando a conexão cai.
• Desenhar gráficos com ECharts atualizando só o que mudou.
• Destacar indicadores fora da meta com cor e com texto, não só com cor.
• Guardar no Pinia a configuração de painel escolhida pela pessoa.
• Escrever testes com Vitest para o cálculo de variação e para a reconexão.
• Investigar o consumo de memória em sessões longas.

Skills

Vue.js

JavaScript

TypeScript

Reatividade Vue

Componentes Vue

HTML/CSS grid

WebSocket

Git PR

Tools

Nuxt

Pinia

Vitest

ECharts

WebSocket

Git

Job description

Vaga aberta de Desenvolvedor(a) Front-end Vue Júnior (Painel de Indicadores).

Nível: junior.

Modelo de trabalho: 100% Remoto.

Faixa salarial: R$ 3.000 a R$ 4.500.

Contratação: tempo integral, CLT ou PJ.

Sobre a vaga:

O painel de indicadores fica aberto o dia inteiro na tela de quem acompanha a operação: pedidos por hora, tempo médio de atendimento, taxa de erro, metas do dia. Os números se atualizam sozinhos, e uma mudança brusca precisa saltar aos olhos sem que a pessoa tenha de procurar.

Você vai trabalhar em Vue com Nuxt, recebendo atualizações por WebSocket e desenhando gráficos com ECharts. Um painel que fica aberto oito horas seguidas tem problemas próprios: memória que cresce aos poucos, conexão que cai e precisa voltar sozinha, gráfico que redesenha tudo a cada segundo sem necessidade.

Nem todo indicador é atualizado na mesma frequência: alguns mudam a cada segundo, outros a cada hora. A tela precisa deixar claro de quando é cada número, para que ninguém tome decisão com um valor parado achando que ele é o atual.

O que você vai fazer:

• Construir cartões de indicador com valor atual, meta e variação
• Receber atualizações em tempo real por WebSocket e reconectar quando a conexão cai
• Desenhar gráficos com ECharts atualizando só o que mudou
• Destacar indicadores fora da meta com cor e com texto, não só com cor
• Guardar no Pinia a configuração de painel escolhida pela pessoa
• Escrever testes com Vitest para o cálculo de variação e para a reconexão
• Investigar o consumo de memória em sessões longas

Requisitos:

• Curso, estágio ou projeto próprio com Vue.js
• JavaScript e noção de TypeScript
• Reatividade e componentes no Vue
• HTML e CSS com layout em grade
• Noção do que é uma conexão em tempo real
• Noção de como o navegador gasta memória e processamento
• Git com pull request

Diferenciais:

• ECharts, Chart.js ou D3
• Nuxt
• Ferramentas de desempenho do navegador
• Interesse por visualização de dados
• Ter feito painel em tempo real num projeto de estudo

Como é trabalhar aqui:

Vaga 100% remota, com contratação CLT. A sede fica em São Paulo, SP. Antes de liberar uma mudança, o time deixa o painel rodando por horas num ambiente de teste e compara o consumo de memória, e o código passa por revisão de outra pessoa. Deixar um painel aberto a tarde toda só para ver se ele aguenta te parece um bom teste? Na candidatura, informe a sua pretensão salarial.

Benefícios oferecidos pela empresa contratante:

• Ambiente colaborativo, com senso de comunidade e conquistas celebradas em equipe
• Trabalhe de qualquer lugar, com liberdade e flexibilidade
• Conexão global: convivência com times de diferentes países e culturas
• Apoio à saúde física com TotalPass e Mediquo
• Cuidado com a saúde mental pelo programa Team Care
• Contratação e jornada definidas com a empresa contratante

Tecnologias envolvidas:

• Vue.js
• Nuxt
• TypeScript
• Pinia
• Vitest
• ECharts
• WebSocket
• Git

Seus dados: tratados conforme a LGPD, com remoção a qualquer momento, a pedido.