aceleradora-TW / aceleradora-TW/descarte-certo

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

Open
#153 2 comments 0 reactions 3 assignees Claimed by @dinelands View on GitHub
Front-End
Dominant language
JavaScript
Stars
15
Forks
6
PR merge metrics
No merged PRs in 30d

Description

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

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.