Olá, dev! Estamos ansiosos para conhecer suas habilidades e avaliar seu conhecimento técnico em frontend e backend. Abaixo estão as instruções e requisitos para o teste que você deve realizar. Você terá 1 semana para concluir este teste.
O objetivo deste teste é criar um Uploader de arquivos personalizado, que não utilize bibliotecas prontas (para a utilização do drag and drop você pode utilizar por exemplo o DnD do React) e siga o design especificado no Figma.
- Crie uma conta no GitHub, caso ainda não tenha uma.
- Crie um novo repositório privado no GitHub (não faça fork do projeto).
- Adicione os seguintes colaboradores ao repositório: @filipealc e @welingtonsampaio.
- Crie uma branch (utilize seu nome).
- Desenvolva a aplicação seguindo os requisitos especificados abaixo.
- Documente suas decisões e progresso em um arquivo HISTORY.md.
- Atualize o arquivo README.md com instruções para instalação e uso da aplicação.
- Faça commits pequenos e bem especificados ao longo do desenvolvimento do projeto.
- Desenvolver um uploader de arquivos personalizado, sem utilizar bibliotecas prontas (para o drag and drop é permitido).
- Seguir o design fornecido no link do Figma.
- A aplicação deve ser desenvolvida utilizando uma das seguintes linguagens: Ruby, GO ou JavaScript.
- Otimize a aplicação ao máximo.
- Implemente testes automatizados.
- Desenvolva um HTML semântico e com acessibilidade.
- Componentize seu CSS.
- Utilize conceitos de API RESTful.
- Considere a possibilidade de utilizar frameworks como Rails, Gin, Express ou similares.
- Considere a possibilidade de utilizar bibliotecas JavaScript como ReactJS.
- Considere a possibilidade de utilizar um pré-processador de CSS (SCSS, Stylus).
- Considere a possibilidade de utilizar um task runner de sua preferência.
- Considere a possibilidade de utilizar bibliotecas CSS como Compass, Bourbon, - AnimateCSS ou similares.
- Considere a possibilidade de utilizar frameworks CSS como Bootstrap e Foundation.
- Deixe sua aplicação online se possível.
- Fidelidade ao design especificado no Figma.
- Qualidade do código e organização do projeto.
- Documentação das decisões e progresso no arquivo HISTORY.md.
- Atualização do arquivo README.md com instruções para instalação e uso da - aplicação.
- Implementação de testes automatizados.
- Uso de HTML semântico e acessível.
- Componentização do CSS.
- Utilização de conceitos de API RESTful.
Boa sorte! Estamos ansiosos para ver seu trabalho e avaliar suas habilidades como dev. Se você tiver alguma dúvida, não hesite em entrar em contato conosco.