use fetch for CRUD using mockapi

fetches.js

// CREATE add data
const data = {
  "name":"Trff vgtt",
  "email": "trs.bt@gmail.com",
  "phno": 2134445
};

fetch('https://<app_id>.mockapi.io/v1/users', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json',
  },
  body: JSON.stringify(data),
}).then(response => response.json()).then(data=>console.log(data.id));

// READ list data 
fetch('https://<app_id>.mockapi.io/v1/users', {
  method: 'GET',
  headers: {
    'Content-Type': 'application/json',
  }
}).then(response => response.json()).then(data=>console.log(data));

// UPDATE change data
const data2 = {
  "name":"Trff vgtt",
  "email": "trs.updated@gmail.com",
  "phno": 2134445
};

fetch('https://<app_id>.mockapi.io/v1/users/57', {
  method: 'PUT',
  headers: {
    'Content-Type': 'application/json',
  },
  body: JSON.stringify(data2),
}).then(response => response.json()).then(data=>console.log(data));


// DELETE delete data
fetch('https://<app_id>.mockapi.io/v1/users/58', {
  method: 'DELETE',
  headers: {
    'Content-Type': 'application/json',
  },
  body: "",
}).then(response => response.json()).then(data=>console.log(data));