https://github.com/amendx/g4flex-front-end
Teste para vaga de Front End :D
https://github.com/amendx/g4flex-front-end
Last synced: 3 months ago
JSON representation
Teste para vaga de Front End :D
- Host: GitHub
- URL: https://github.com/amendx/g4flex-front-end
- Owner: amendx
- Created: 2020-07-06T11:11:18.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2020-07-06T11:28:08.000Z (almost 5 years ago)
- Last Synced: 2025-01-18T09:43:08.930Z (5 months ago)
- Size: 4.88 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Teste de Frontend
Olá Dev! Tudo bem?
Nós estamos sempre em busca de profissionais interessantes e interessados, com boa capacidade de aprendizado, adaptação e principalmente bom senso!
Este teste tem como objetivo avaliar e desafiar você. Não é obrigatório realizá-lo completamente, queremos apenas reconhecer seu esforço e potencial para aprender, se adaptar e tomar decisões.
Também não esqueça de mandar pra gente o seu currículo! Pode mandar para [email protected]_ :green_heart:
Vamos ao teste! :grin:
## Desafio Pokémon
Sua missão é criar uma landing page para buscar, listar e detalhar pokémons, usando a API [Pokeapi.co](https://pokeapi.co/)
O layout inteiro é livre, mas a lista deverá conter no mínimo o nome do pokémon e a sua respectiva imagem.
Sobre a busca, ela poderá ser feita de 3 formas: digitando o nome do pokémon, selecionando um ou mais tipos específicos ou listando todos de uma vez (paginação é sempre bem-vinda!).
Seria interessante ordenar nossa lista também e pensamos em pelo menos dois tipos: por número do Pokémon (padrão) ou por nome (ordem alfabética). Fique à vontade para fazer mais alguma.
Mas nossa busca não seria muito útil só com nome e foto de cada Pokémon. Então sugerimos que, ao clicar em um item, abra um modal, com mais detalhes e características dele. Inclusive você pode decidir quais informações seriam mais úteis para nós.
## Consigo fazer?
Consegue sim! Só precisa saber (ou aprender agora) um pouco sobre as seguintes tecnologias:
- HTML
- CSS
- Javascript
- Git
- Consumo de APIs Rest
## Regras
Para o desafio ficar mais interessante, decidimos criar umas regras básicas:
- No layout, você deve utilizar Bootstrap 3.
- Estamos de olho em fortes skills em CSS, não tenha medo de inovar!
- Na parte de JS, você pode utilizar Angular 6+ que é o que utilizamos na G4Flex, mas sinta-se a vontade ...
## Por onde começo?
Primeiramente, você pode fazer um fork desse repositório aqui, para sua conta do Github, depois disso crie uma branch nova com o seu nome (ex: nome_sobrenome), para podermos indentificá-lo.
Após terminar o desafio, você pode solicitar um ***pull request*** para a branch master do nosso repositório. Vamos receber e fazer a avaliação de todos.
# BOA SORTE :sparkling_heart: