O Clube da Aposta é uma comunidade de apostadores que está em constante evolução e cada vez mais completa com a colaboração de todos os membros da equipe e também da excelente interação com os usuários! O Projeto começou com dois amigos apaixonados por futebol. Essa paixão fez com que descobríssemos em 2008 as apostas esportivas e a possibilidade de se lucrar com isso. Desde então, estamos estudando esse novo mundo como um investimento e não apenas como um jogo de sorte ou azar. Esses estudos nos fizeram desenvolver um sistema inteligente de se apostar, que garante uma ótima maneira de se ganhar dinheiro e fazer uma renda extra mensalmente e praticamente sem riscos!
Essa teste consiste em entendermos um pouco mais sobre seus conhecimentos com HTML, CSS, JavaScript, VueJS 2, VueRouter, Vuex, Código responsivo, suporte a crossbrowser e lógica.
Lembre-se que o mobile first é nossa prioridade, então fazendo o seu trabalho primeiro no mobile e depois no desktop, certamente irá te fazer ganhar pontos conosco!
Primeiramente, faça um fork e clone o projeto na sua máquina.
Depois disso crie toda a estrutura de um projeto em VueJS, pode usar boilerplate, skeleton ou qualquer coisa que você julgue necessário para iniciar o projeto, mas lembre-se sempre da performance, afinal incluir bibliotecas externas atoa pode no ser legal.
Dentro da github existe uma página em .PSD, basta abri-la e criar toda a sua estrutura central, sem HEADER e sem FOOTER, somente o conteúdo do meio.
Ao abrir o .PSD você irá perceber que existe a frase "DESAFIO BETFAIR PALPITES BRASILEIRÃO 2017", tudo que está acima dela é considerado header, além disso, no final da página, existe um "FAÇA PARTE VOCÊ TAMBÉM" e tudo que está na mesma linha e abaixo dela é considerado footer.
Iremos considerar que seu conhecimento em requisições HTTP (com Axios ou VueHTTP) é o ideal, por isso não se preocupe em fazer requests externos, faça a pagina 100% mockada como está no PSD.
- Escrever o código em JavaScript ES6 ou +
- Utilizar VueJS 2.
- Utilizar o VueRouter mesmo que para criar somente uma rota.
- Utilizar SASS.
- Utilizar o Vuex pra manter algum state, mesmo que ele não seja usado em nenhum outro local.
- Testes e documentação.
- Ser fiel ao PSD enviado.