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
12 changes: 12 additions & 0 deletions .editorconfig
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
# EditorConfig is awesome: https://EditorConfig.org

# top-most EditorConfig file
root = true

[*]
indent_style = space
indent_size = 4
end_of_line = crlf
charset = utf-8
trim_trailing_whitespace = true
insert_final_newline = true
23 changes: 23 additions & 0 deletions .gitignore
Original file line number Diff line number Diff line change
@@ -0,0 +1,23 @@
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.

# dependencies
/node_modules
/.pnp
.pnp.js

# 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*
45 changes: 18 additions & 27 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,28 +1,19 @@
# Avaliação Pleno
Olá desenvolvedor!\
Tudo bem?! 😊\
\
Seja bem-vindo, o intuito do teste não é reprovar e sim conhecer seu melhor estilo de programar e resolver problemas.

## O que fazer
1. Fazer um fork desse repositório e trabalhar no seu ambiente.
2. Replicar o layout do link abaixo:\
[Link para o layout](https://xd.adobe.com/view/c715f110-fbd4-4323-be0c-0e453c1450db-9246)
2. Utilizar a [PokeAPI](https://pokeapi.co/) para trazer os itens e renderizar nos cards da melhor forma possível. Você pode escolher quais informações e imagens vão aparecer no card.
3. Implementar a funcionalidade de busca na melhor forma possível.
4. Implementar a funcionalidade de paginação(carregar mais) dos cards na melhor forma possível.
5. Os cliques nos botões de editar/excluir/novo card podem exibir um alerta de que a funcionalidade não foi implementada.
6. Ao finalizar a avaliação modifique esse README com as instruções de como podemos fazer o seu código rodar na nossa máquina. Ou seja, passo a passo do que instalar e de quais comandos rodar para podermos visualizar o seu trabalho!
7. Realizar um Pull Request para o nosso repositório e mandar um e-mail para pedro.paradella@impar.com.br com o assunto "Avaliação Pleno", informando que finalizou a avaliação e colocando o link do Pull Request.

## Dicas
* Não foi definido limite de linhas e colunas, portanto fique à vontade para tal escolha.
* Gostamos de interfaces limpas e elegantes.

## Quais tecnologias usar
* Deixaremos a seu critério qual tecnologia utilizar no entanto você terá mais pontos conosco se utilizar React para criação da interface e também o uso de pré-processadores/styled-components para o CSS.

## Desafios se você se sentir confiante
* Colocar em algum lugar do site uma integração com o clima tempo. Deixaremos a seu critério de onde colocar e quais funcionalidades terá.
* Precisa ser criada uma conta free para o consumo da API clima tempo.
* [Link da API clima tempo](https://advisor.climatempo.com.br/)

## Acesso pelo Netlify

Para realizar o acesso basta clicar no link -> [Acessar](https://vigilant-curran-8a061c.netlify.app/).


## Iniciar projeto

Ao abrir o projeto é necessário instalar as dependencias utilizadas. <br />
Utilize os seguintes comandos no console:

### `npm i`
Esse comando irá instalar as dependencias necessárias.

### `npm start`
Esse comando irá executar o projeto.

Esse projeto irá executar por padrão na port 3000 -> [http://localhost:3000/](http://localhost:3000/).
Loading