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,CSS3eJavascript - 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-uique é a mais adotada em nossos projetos - Conhecimento em gerenciador de pacotes (
npmeyarn) - Saber utilizar o
eslint - Versionamento de código com o Git
- Ter usado, mesmo que pra estudo:
redux,redux-sagaeredux-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=valueNã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.mdcom o passo a passo pararodaro projeto. Caso nãosubao mesmo em uma plataforma, o README gerado peloCRAjá está de bom tamanho e, se tiver alguma alteração, insira nesse mesmo README