🤓 SEVN: Teste Pleno Front-end 01 💻
Bem vindo(a) ao teste front-end pleno da SEVN!
O teste consiste em: Criar uma página fictícia de esportes, com um único componente de rodadas de jogos de futebol.
Você deve criar as telas com base no design deste link.
Como você criaria esse componente apenas com HTML, CSS e JavaScript (ou WebComponents) puro?
Queremos avaliar seu conhecimento nas linguagens web sem frameworks ou bibliotecas. Sendo assim, as tecnologias permitidas são:
- HTML puro (
⚠️ Sem RSC, Next, Nux, SvelteKit, ou afins). - JavaScript puro (
⚠️ sem React, Svelte, Angular, ou afins). - CSS puro (
⚠️ sem TailwindCSS, Bootstrap, e afins). - 🟢 Qualquer ferramenta de build está liberada (Vite, Rollup, Webpack, etc).
- 🟢 TypeScript está liberado e é opcional.
- 🟢 Handlebars está liberado e é opcional.
- API com os jogos e as rodadas: CLIQUE AQUI
- LAYOUT com a tela e o componente: CLIQUE AQUI
- Você terá uma API que retorna um JSON com todas as rodadas disponíveis, e os dados necessários para montar o componente.
- O componente de rodadas deve inicializar por padrão na Rodada 1, com todos os jogos dessa rodada aparecendo;
- Ao clicar nas setinhas verdes "<" e ">", o componente deve avançar e retornar as rodadas;
- O componente deve ter a inteligência de desativar as setinhas verdes caso não tenha nenhuma rodada anterior ou próxima rodada;
- Os escudos dos times estão no Figma, e a API retorna um ID único para cada time, cabe a você bolar uma lógica para mostrar o escudo certo de cada time.
- O componente e a tela devem ser minimamente responsivos (se adequando a telas menores).
Sua capacidade de construir layout e componente responsivos, com código limpo e legível.
Lembre-se: Muitos commits detalhando as atividades são melhores que poucos commits com mensagens genéricas e muito código.
Crie um repositório antes de começar o desenvolvimento, realize o teste fazendo seus commits normalmente, e ao final do teste, é só compartilhar o repositório conosco junto do seu currículo através do email: vagas@sevn.technology!
No mais, te desejamos boa sorte e estamos ansiosos para ver como você se saiu! 🥳