aceleradora-TW / aceleradora-TW/descarte-certo

[Relatório de Orçamentos] Login: Salvar Token no LocalStorage

未關閉
#153 2 則留言 0 個 reaction 已指派 3 人 已被 @dinelands 認領 在 GitHub 檢視
Front-End
主要語言
JavaScript
星號
15
分支
6
PR 合併指標
30 天內沒有已合併 PR

描述

## Descrição

Para o desenvolvimento do login, o frontend precisa estabelecer alguns passos, um deles é salvar o token que está sendo enviado pelo backend no localStorage do navegador, então:

como **programadora** eu quero que,
ao digitar meu **_email_** e **_senha_** e efetuar login,
quero que seja salvo no **localStorage** o meu **_token de acesso_** que é enviado pela resposta da API.

### O passo a passo desse card é:
1) Criar uma função que faça uma request POST para o endpoint "/login" enviando email e senha
1.1) a dupla deve entender como utilizar o **axios** ou **fetch** para resolver esse primeiro passo
2) salvar a resposta da API no **localStorage**
2.1) a dupla deve entender como utilizar o **localStorage** para resolver esse segundo passo

#### em caso de dúvidas o kickoff pode ser feito com a Ju

## Notas técnicas
- [Endpoint fake: /login ](https://api-descarte-certo.herokuapp.com/login) (Vamos utilizar esse endereço fake por enquanto)
- [Usando localStorage no react](https://medium.com/@carloslevir/salvando-informa%C3%A7%C3%B5es-no-local-storage-com-reactjs-ca5d59842153)
- [Vendo localStorage na prática](https://www.youtube.com/watch?v=oaDdTH2JQrA)

## Critérios de aceitação

- [x] Deve ser criado um item no localStorage de nome "token-descarte-certo"
- [x] Ao item deve ser atrelado a informação do token do usuário

## Como testar

- [ ] Acessar: [url do ambiente de QA](https://descartecerto.herokuapp.com/)
- [ ] Abrir a aba de inspecionar nessa página (F12 ou clicar com botão direito e escolher a opção inspecionar)
- [ ] Procurar a opção de login
- [ ] Digitar qualquer email e senha no formulário e clicar no botão para efetuar o login
- [ ] Na aba de inspecionar, procurar a opção "Application" ou "Aplicação)
![Screen Shot 2021-06-11 at 04 26 49](https://user-images.githubusercontent.com/359991/121647891-47378900-ca6d-11eb-8e68-e2145e36784d.png)
- [ ] Então logo verá uma seta ao lado da opção lateral "Local Storage", clique nela e escolha a primeira opção que aparecer
![Screen Shot 2021-06-11 at 04 27 40](https://user-images.githubusercontent.com/359991/121648729-2f143980-ca6e-11eb-9020-3fd0e437d009.png)
- [ ] Procure pela palavra "token-descarte-certo" na primeira coluna de nome "KEY"
- [ ] Na mesma linha, na coluna "VALUE", verifique se ela não está vazia.

貢獻指南

這個儲存庫沒有索引到貢獻指南

評估

這個 Issue 還沒有評估資料。

把新 issue 寄到你的電子郵件信箱

精選適合新手參與的 GitHub issue 摘要。