GPT

Frontend Example

// src/public/js/users.js async function fetchUsers() { try { const response = await fetch('/users'); if (!response.ok) throw new Error('Failed to fetch users'); return await response.json(); } catch (error) { cons

Prompt text

Original English text. Replace placeholders with your own details.

// src/public/js/users.js
async function fetchUsers() {
 try {
 const response = await fetch('/users');
 if (!response.ok) throw new Error('Failed to fetch users');
 return await response.json();
 } catch (error) {
 console.error('Error:', error);
 throw error;
 }
}

async function createUser(userData) {
 try {
 const response = await fetch('/users', {
 method: 'POST',
 headers: {
 'Content-Type': 'application/json',
 },
 body: JSON.stringify(userData),
 });
 if (!response.ok) throw new Error('Failed to create user');
 return await response.json();
 } catch (error) {
 console.error('Error:', error);
 throw error;
 }
}

async function updateUser(id, userData) {
 try {
 const response = await fetch(`/users/${id}`, {
 method: 'PUT',
 headers: {
 'Content-Type': 'application/json',
 },
 body: JSON.stringify(userData),
 });
 if (!response.ok) throw new Error('Failed to update user');
 return await response.json();
 } catch (error) {
 console.error('Error:', error);
 throw error;
 }
}

async function deleteUser(id) {
 try {
 const response = await fetch(`/users/${id}`, {
 method: 'DELETE',
 });
 if (!response.ok) throw new Error('Failed to delete user');
 } catch (error) {
 console.error('Error:', error);
 throw error;
 }
}

// Example usage with DOM
document.addEventListener('DOMContentLoaded', async () => {
 const userList = document.getElementById('userList');
 const userForm = document.getElementById('userForm');

 async function renderUsers() {
 const users = await fetchUsers();
 userList.innerHTML = users
 .map(
 user => `
 <li>
 ${user.name} (${user.email})
 <button onclick="deleteUser(${user.id})">Delete</button>
 </li>
 `
 )
 .join('');
 }

 userForm.addEventListener('submit', async (e) => {
 e.preventDefault();
 const formData = new FormData(userForm);
 const userData = {
 name: formData.get('name'),
 email: formData.get('email'),
 };
 await createUser(userData);
 userForm.reset();
 await renderUsers();
 });

 await renderUsers();
});

Source & attribution

Instructa AI Prompts · Instructa AI Prompts

Source-listed license: CC-BY-4.0. Prompt text is preserved; titles and previews may be shortened for display. Source examples are not NexGateHub test results.

View original source ↗ · Source credits & licenses

Explore more prompts →