Напишите CRUD приложение с использованием Free REST API.

const HOST = 'https://reqres.in/api/';
 
const usersTable = document.getElementById('users-table');
const createForm = document.getElementById('create-form');
 
fetch(HOST + 'users').then(res => res.json()).then(({ data }) => {
  data.forEach(({ id, first_name, email }) => addUserRow(id, first_name, email));
}).catch(errorHandler);
 
usersTable.addEventListener('click', ({ target }) => {
  if (!target.dataset.type) return;
  const row = target.closest('tr');
  const id = row.dataset.id;
 
  if (target.dataset.type === 'edit') {
    fetch(HOST + `users/${id}`, {
      method: 'PATCH',
      body: JSON.stringify({
        name: row.querySelector(`[name="name"]`).value,
        email: row.querySelector(`[name="email"]`).value
      })
    }).then(res => {
      if (res.ok) alert('The user has been successfully edited!');
    }).catch(errorHandler);
  } else {
    fetch(HOST + `users/${id}`, {
      method: 'DELETE'
    }).then(res => {
      if (res.ok) {
        alert('The user has been successfully deleted!');
        row.remove();
      }
    }).catch(errorHandler);
  }
});
 
createForm.addEventListener('submit', ev => {
  ev.preventDefault();
  const name = createForm.elements.name.value;
  const email = createForm.elements.email.value;
 
  fetch(HOST + `users`, {
    method: 'POST',
    body: JSON.stringify({ name, email })
  }).then(res => res.json()).then(({ id }) => {
    alert('The user has been successfully created!');
    addUserRow(id, name, email);
  }).catch(errorHandler);
});
 
 
function addUserRow(id, name, email) {
  usersTable.insertAdjacentHTML('beforeEnd', `<tr data-id=${id}>
    <td>${id}</td>
    <td><input class="form-control form-control-sm" name="name" value="${name}"></td>
    <td><input class="form-control form-control-sm" name="email" value="${email}"></td>
    <td><button data-type="edit" class="btn btn-secondary btn-sm">Edit</button></td>
    <td><button data-type="delete" class="btn btn-danger btn-sm">Delete</button></td>
  </tr>`);
}
 
function errorHandler(err) {
  console.error(err);
  alert('Something went wrong... Please try again later.');
}