A Meritt é uma Edtech, sediada em Florianópolis-SC, que tem como missão transformar e impactar a educação no Brasil por meio do uso inteligente de dados educacionais. Nossas soluções impactam a vida de milhares de alunos e profissionais envolvidos com a educação.
Tudo isso com tecnologia 100% própria e com organização e escalonamento de todos os nossos sistemas.
Vou colocar aqui no começo da descrição pra salientar: A vaga é 100%
REMOTA e pode ser aplicada de QUALQUER LUGAR DO BRASIL. Portanto não se acanhem.
Nosso time de Front-end atua com ReactJS em todas as aplicações. A tecnologia foi escolhida por ser versátil, performática e ter um ecossistema muito rico em volta.
Se você fez o curso da Rocketseat 🚀
vai tirar de letra.
Basicamente, a vaga consiste em criar novas aplicações e manter as que ja existem, todas em ReactJS.
- Conhecimentos sólidos em
HTML5
,CSS3
eJavascript
- Conhecimentos sólidos em
Typescript
- Conhecimentos sólidos em
responsividade
- Conhecimentos em
ReactJS
(versão 16.8.x acima comhooks
) - Conhecimentos em
react-router-dom
- Conhecimentos em gerenciamento de estado com
context-api
- Conhecimento da biblioteca
material-ui
que é a mais adotada em nossos projetos - Conhecimento em gerenciador de pacotes (
npm
eyarn
) - Saber utilizar o
eslint
- Versionamento de código com o Git
- Ter usado, mesmo que pra estudo:
redux
,redux-saga
eredux-persist
- Ser criativo e oferecer soluções melhores que seu superior (sim, ouvimos todo mundo e isso é muito importante)
- Ser proativo e se integrar bem com o time (isso é meio que encher linguiça, mas é bom colocar mesmo assim)
- Fazer café (é verdade esse bilhete)
- Conhecimentos em
NodeJS
- Conhecimentos em
NestJS
- Conhecimentos em
TypeORM
- Conhecimentos em
Postgres
- Conhecimentos em
AWS
- Conhecimentos em
testes unitários (@testing-library/react e jest)
etestes de integração (Cypress)
- Boas práticas de
UX/UI
- Não acreditar que a terra é plana (Não é um diferencial... mas ajuda)
Você deve criar uma aplicação, o mais próximo possível dos layouts que estão aqui. O link do figma para o projeto encontra-se aqui. Lembrando, são apenas duas
telas que tem algumas visões diferentes.
O teste tem uma semana
para ser concluído. Então faça com carinho e no seu tempo livre.
Podemos notar, quando analizamos o layout
, que temos muitos pontos de iteração
na aplicação. Não é obrigatório fazer essas iterações, porém seria muito legal que fossem feitas. Essas iterações se aproximam da realidade do software
e deixam a aplicação muito mais rica e fluída. Lembrando, não é obrigatório, mas seria muito legal 👍.
Pode usar o CRA (create-react-app)
sem problemas.
Utilize material-ui se possível.
Caso implemente variáveis de ambiente em seu .env
, insira a mesma ou um exemplo em um arquivo .env.example
para que possamos utilizar, como demonstrado abaixo:
REACT_APP_KEY_NAME=value
Não se esqueça de inserir as demais chaves que utilizar no arquivo .env.example
.
O modelo de dados se encontra no arquivo db.json
e pode ser utilizado em conjunto com a biblioteca json-server para criar uma Fake API
e consumir localmente. Mesmo a documentação dizendo que tem que instalar localmente, acoselho a usar como dependência de desenvolvimento e criar um script pra isso.
O modelo de dados da API
se encontra no arquivo types.ts
.
Se não for demorar... Usa um eslint
e um editorconfig
também.
- Você deve criar um repositório PRIVADO no Github com seu projeto quando ele estiver pronto.
Certo... Se você chegou até aqui... Deve querer saber quem é o responsável? Bem eu também não sei... Mas vai acabar sobrando pra mim, então envia o link do repositório PRIVADO no Github pra esse e-mail aqui: michelon.souza@hotmail.com, nesse aqui também thiagocamposde@gmail.com e coloca nosso chefe tiago@meritt.com.br em cópia pra ele estar ciente beleza?. Sim, meu nome é Michelon e sim, minha mãe não tem senso de humor... (ou tem até demais, vai saber). Mande um invite do seu para estes usuários do github: michelonsouza e thiagocamposde
- Qualidade do código
- Organização do projeto
- Responsividade em vários dispositivos
- Uso de gerenciamento de estado global (
context-api
) - Uso de arquivos
.env
- Componentização para reúso e separação de código dentro da aplicação.
README.md
com o passo a passo pararodar
o projeto. Caso nãosuba
o mesmo em uma plataforma, o README gerado peloCRA
já está de bom tamanho e, se tiver alguma alteração, insira nesse mesmo README