Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
51 changes: 12 additions & 39 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,50 +1,23 @@
# Teste de Frontend

Olá Dev! Tudo bem?
Boa tarde gente!
Essa é a segunda versão da minha Pokedéx.
Durante a realização do teste consegui implementar tudo o que aprendi durante o curso, juntamente com o que venho estudando depois de terminá-lo.
Utilizei o JSx do próprio react, criando componentes funcionais e componentes de classe, HTML e CSS puro(por se tratar de uma aplicação pequena e fácilmente manipulável), e para o consumo da API utilizei o método FETCH.

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.
## PARA RODAR O PROJETO

Vamos ao teste!
Dentro da pasta do projeto, só é necessário abrir um novo terminal (pode ser pelo vscode mesmo), dar o comando npm install para ele buscar todas as dependências necessárias descritas no package.json, aguardar e logo em seguida digitar o comando npm start para ele subir um servidor local(geralmente na porta localhost:3000) para testar a aplicação, mas se o localhost:3000 já estiver em uso, no próprio terminal aparecerá uma mensagem perguntando se você gostaria de rodar em outra porta(muito inteligênte o bichinho rs).
Depois disso será renderizada a tela inicial do app, e clicando sobre um pokémon da lista existente, você encontrará mais informações sobre ele !
Enjoy this <3.

## Desafio Pokémon

Sua missão é criar uma landing page para buscar, listar e detalhar pokémons, usando a API Pokeapi.co.
## CONTATO
Gostando do projeto bonitinho que eu entreguei a vocês, me chamem pra bater um papo e caçar pokémons no Pokémon Go (sim eu ainda jogo :D)

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!).
(11) 99812-8992 - Telefone pessoal, estou disponível 100% pra vocês.
(11) 972924124 - Telegram/ Whatsapp.

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ê utilizar algum framework CSS (ex: Bootstrap, MaterializeCSS, Bulma...)
- Na parte de JS, deve utilizar algum framework (ex: VueJS, ReactJS, Angular...tente não usar jQuery), lembrando que VueJS é diferencial, pois utilizamos aqui na Red
- Opcional: usar algum automatizador ou ferramenta de build (ex: Webpack, Grunt, Gulp...)

## 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.

## Só isso?

Só! Mas se estiver motivado, tente preparar o projeto para ser executado e testado de maneira prática, usando alguma ferramenta que facilite isso (ex: npm, yarn, docker, etc...).

Se preferir, pode publicá-lo em algum servidor de sites estáticos (ex: Firebase, Netlify...), esses exemplos são gratuitos, mas você pode usar um Cloud próprio também (ex: AWS, Digital Ocean, Linode...).
21 changes: 21 additions & 0 deletions pokedex-version2/.gitignore
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
# See https://help.github.com/ignore-files/ for more about ignoring files.

# dependencies
/node_modules

# testing
/coverage

# production
/build

# misc
.DS_Store
.env.local
.env.development.local
.env.test.local
.env.production.local

npm-debug.log*
yarn-debug.log*
yarn-error.log*
Loading