O que está implementado?

No backend nós temos o crud de usuário implementado. No entanto, para a versão atual, a exigência de autenticação para as rodas do CRUD estão desabilitadas, vide:

qxd0193-piw-starter-code/backend/src/routes/userRoutes.ts

Line 10 in 5ebc7b1

//router.use(authenticateJWT)

No frontend, temos as seguintes rotas:

qxd0193-piw-starter-code/frontend/src/router/index.ts

Line 7 in 908fae6

const routes = [

• \: Tela inicial recuperando e mostrando as informações de todos os usuários cadastrados.
• \users\:id: Tela responsável por mostrar as informações de um usuário
• \login: Tela com o formulário de login da aplicação

A aplicação é capaz de listar todos usuários, remover um usuário e editar um usuário.

Possíveis dúvidas ou problema

Axios

O Axios está instalado e configurado para recuperar as informações do backend.

qxd0193-piw-starter-code/frontend/src/api/index.ts

Line 3 in ab19547

export const api = axios.create({

CORS

Para entender do que se trata esse problema eu sugiro a leitura deste blog. Nesta postagem você encontrar uma explicação de como resolver esse problema usando TypeScript.

qxd0193-piw-starter-code/backend/src/index.ts

Line 14 in 908fae6

app.use(cors())

Tratamento de erro e feedback ao usuário

Quando fazermos um requisição HTTP precisamos tratar os possíveis erros que podem acontecer. Além disso, precisamos fazer o usuário perceber que algo está acontecendo na aplicação, enquanto ela a aguarda uma possível resposta.

Implementamos isso nessa aplicação por meio de blocos try/catch/finally vide:

qxd0193-piw-starter-code/frontend/src/pages/PublicHome.vue

Line 14 in 908fae6

async function loadUsers() {