aceleradora-TW / aceleradora-TW/descarte-certo

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

Offen
#153 2 Kommentare 0 Reaktionen 3 zugewiesene Personen Beansprucht von @dinelands Auf GitHub ansehen
Front-End
Vorherrschende Sprache
JavaScript
Sterne
15
Forks
6
PR-Merge-Kennzahlen
Keine gemergten PRs in 30 T.

Beschreibung

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

Beitragsleitfaden

Für dieses Repository ist kein Beitragsleitfaden indexiert

Bewertung

Dieses Issue wurde noch nicht bewertet.

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.