aceleradora-TW / aceleradora-TW/descarte-certo
[Relatório de Orçamentos] Login: Salvar Token no LocalStorage
- Langage dominant
- JavaScript
- Étoiles
- 15
- Forks
- 6
- Métriques de merge des PR
- Aucune PR mergée en 30 j
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)

- [ ] Então logo verá uma seta ao lado da opção lateral "Local Storage", clique nela e escolha a primeira opção que aparecer

- [ ] 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.
Guide de contribution
Aucun guide de contribution indexé pour ce dépôt
Évaluation
Cette issue n'a pas encore été évaluée.