Olá Dev.
Este repositório foi criado para que você possa nos mostrar o que sabe tecnicamente. Esperamos que você nos surpreenda com sua experiência e criatividade.
O teste em si, é simples, esperamos que você mostre o que sabe independente de frameworks/libs famosos como React, VueJs e Angular. Então queremos que você utilize Vanilla em tudo, ou tudo o que for possível, ou seja, queremos que você implemente uma solução sem utilizar jQuery, Boostrap ou afins. Queremos ver sua capacidade de criar algo sem a ajuda de facilitadores como o jQuery ou o Bootstrap. Não o julgaremos mal se você optar por utilizar libs como lodash ou underscore para facilitar sua vida no JS, ou utilizar preprocessadores como SCSS, LESS, Stylus, Babel, etc. Para processar seu código. Até recomendamos que você os utilize. O bom senso será de extrema importância.
Queremos que você nos mostre que consegue "sobreviver" sem Frameworks e tem criatividade suficiente para implementar suas próprias soluções ;)
Vamos listar os pontos chaves que serão utilizados na avaliação do seu teste:
Avaliaremos se:
- O Dev utilizou HTML, JS e CSS. Com ou sem pré-processadores.
- O desafio foi implementado sem a necessidade de frameworks ou libs como jQuery, Bootstrap, React, Angular, VueJs...
- O Dev tem ou não a capacidade de arquitetar uma aplicação do zero.
- O Dev componentizou e organizou o código para que ele seja fácil de entender e de manter.
- O Dev utilizou ferramentas como Webpack, Gulp, Grunt, SCSS, Babel ou afins para facilitar e acelerar o desenvolvimento (Não é obrigatório).
- O Dev se preocupou em organizar o CSS, pois acreditamos que o CSS é tão importante quanto o JS. É sério.
*ATENÇÃO: Não estamos esperando que você seja um Ninja e que vá surpreender em todos os quesitos. Estamos muito mais interessados em saber qual a sua capacidade como desenvolvedor. Você pode por exemplo ser muito bom com CSS e não muito bom com JS, ou o contrário. Isso não quer dizer que você não esteja apto para ser contratado. Queremos é saber o quão esforçado você é. Então use e abuse do bom senso. Se você acha que algo é importante de ser mostrado, mostre. É a sua chance de mostrar o que você sabe :)
Se tiver qualquer dúvida sobre o desafio, abra uma Issue neste mesmo repositório. Responderemos o mais rápido possível.
Você terá que implementar uma landing page que possui uma feature para listar repositórios de um perfil qualquer do Github. Se acha que consegue fazer algo melhor em relação ao design, faça. Se acha que deve seguir exatamente como está no design, fique à vontade. O importante é que você mostre os seus conhecimentos da melhor forma possível, levando em conta o tempo que você terá para implementar este desafio.
Além de implementar o design, você deve mostrar que consegue consumir uma API Rest. Escolhemos a API do Github para isso. Fique à vontade para utilizar qualquer lib para acessar estes dados.
Tasks:
- Implementar o design mostrando sua experiência com HTML, JS e CSS.
- Implementar a funcionalidade de listar os repositórios e os repositórios favoritos de um perfil qualquer do Github.
- Abrir um Pull Request para este repositório quando você terminar de implementar o desafio.
Observações:
- Os links do menu devem apenas fazer scroll da página para suas respectivas seções quando clicados.
- Você não precisa implementar páginas extras para os links que estão no design.
- Os textos da landing page podem ser textos aleatórios como "Lorem ipsum".
Dicas:
- Faça o melhor que você pode no tempo que tem para entregar.
- Quanto mais coisas legais você conseguir mostrar, melhor.
- Relaxe, não esperamos que você seja um Ninja, mas se for, ótimo :)
- Se divirta, pois esperamos que você faça isso no dia a dia caso seja contratado :)
Será considerado como plus:
- Implementar o design de forma responsiva.
- Utilizar Webpack.
- Utilizar SCSS.
- Utilizar ES6+.
- Componentizar a aplicação <3.
Segue o design:
Lading Page:
Listagem de repositórios:
Não se esqueça de abrir um Pull Request até que o tempo se esgote.
** Boa sorte **