app_easyhttp.js

const http = new EasyHTTP;

// http.get('https://jsonplaceholder.typicode.com/users')
// .then(user => user.forEach(usr => console.log(usr.name)));

const data = {
    name: 'Ahsan Nazir',
    username: 'ahsnann',
    email: 'ahsan@gmail.com'
}

// http.post('https://jsonplaceholder.typicode.com/users', data)
// .then(user => console.log(user));

// http.put('https://jsonplaceholder.typicode.com/users/2', data)
// .then(user => console.log(user))

http.delete('https://jsonplaceholder.typicode.com/users/2')
.then(user => console.log(user))

EasyHTTP.js

class EasyHTTP {
    // GET Request
    async get(url) {
        
        const response=  await fetch(url);
        const data = await response.json();
            
        return data;
    }
        
    

    //POST Request

    async post(url, data) {
        const response = await fetch(url, {
                method: 'POST',
                headers: {'Content-type': 'application/json'},
                body: JSON.stringify(data)
            });
            const dataa = await response.json();
            return dataa;
            
    }
    

    // PUT Request 
    async put(url, data) {
        
            const response = await fetch(url, {
                method: 'PUT',
                headers: {'Content-type': 'application/json'},
                body: JSON.stringify(data)
            });
            const resData = await response.json();
            return resData;
    }

    // DELETE Request

    async delete(url) {
        const response = await fetch(url, {
                method:'DELETE',
                headers: {'Content-type': 'application/json'}
            });
            const data = await 'Resource Deleted!!';
            return data;
    }
}