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 摘要。