labenuexercicios / autenticacao-em-react-exercicios

Autenticação - Exercício

Caso não lembre como funciona o processo de entrega, clique aqui

O que você precisa saber e praticar desta aula?

1. Autenticação
2. Autorização
3. Local Storage

Como eu vou executar os exercícios?

Para o exercício de hoje, vamos utilizar um template! Dentro desse template vocês vão encontrar uma estrutura para trabalharmos com diferentes tipos de input! :)

Para executar este exercício, você pode criar uma nova aplicação React ou usar este template do repositório.

• Caso use este template, lembre-se de dar um npm install dentro da pasta raiz do projeto assim que baixar!

Link do codesandbox: https://codesandbox.io/s/autenticacao-em-react-exercicios-3dtf8y

Documentação da API: https://documenter.getpostman.com/view/21151478/2s8YzMZRju#intro

Exercício 1

Na página SignUpPage utilize o endpoint Signup para implementar a função de cadastro. Salve o token no Local Storage. Assim que um usuário se cadastrar na aplicação, ele deve ser redirecionado para a página de Feed.

Exercício 2

Na página LoginPage utilize o endpoint Login para implementar a função de logar na aplicação. Salve o token no Local Storage. Assim que um usuário logar na aplicação, ele deve ser redirecionado para a página de Feed.

Exercício 3

Proteja a página de Feed (Get all recipes) para que seja acessível apenas para usuários autenticados e autorizados. Se quiser, crie um Custom Hook para isso!