devpleno / junta-vagas

21 stars 2 forks source link

Criar frontend que lista as vagas #12

Open tiago123456789 opened 3 years ago

tiago123456789 commented 3 years ago

Detalhes:

Criar página que vai listar as vagas. Deve listar os 10 primeiras vagas é quando for fazendo scroll para buscando mais vagas . Essa funcionalidade a minha ideia é que seja parecido com o Instragram onde você vai fazendo o scroll é ele vai buscar mais posts.

Observações para buscar vagas da api:

Para buscar as vagas a rota da api é GET /jobs, a... existe parametros que precisa passa também que são: page para definir a páginas que irá buscar e totalItens que é o total de items que vai retornar por página. Exemplo de como fazer a buscar das vagas na api:
```
const response = await axios.get("http://localhost:3000/jobs?page=1&totalItens=10");
const jobs = response.data
```

Tarefas:

[x] Quando carregar a página deve buscar os 10 primeiras vagas. OBS: usar SSR do Next.js
[x] Quando clicar no botão deve buscar mais 10 vagas.
[x] Quando clicar no item(vaga) abrir aba com o link da vaga
[x] Fazer página ser responsive para que possa se adaptar a diferentes telas

Imagens, links e documentos de apoio:

Criar estilização do página baseada no site https://remoteok.io/
Acessar o link https://github.com/devpleno/junta-vagas#instru%C3%A7%C3%B5es-para-roda-o-frontend-na-sua-m%C3%A1quina irá ter instruções sobre como criar api fake que retorna as vagas enquanto a api real não está pronta.

tiago123456789 commented 3 years ago

Essa tarefa está bloqueada até a api ficar pronta.