Caso não lembre como funciona o processo de entrega, clique aqui
- Autenticação
- Autorização
- Local Storage
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
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.
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.
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!