Execute Multiple API Requests Concurrently with Promise.all

async function fetchMultipleResources(urls) {
    try {
        const fetchPromises = urls.map(async url => {
            const response = await fetch(url);
            if (!response.ok) {
                const errorData = await response.json().catch(() => ({ message: response.statusText }));
                throw new Error(`HTTP error from ${url}! Status: ${response.status}, Details: ${errorData.message || 'Unknown error'}`);
            }
            return response.json();
        });

        // Wait for all promises to resolve
        const results = await Promise.all(fetchPromises);
        return results;
    } catch (error) {
        console.error("Error fetching multiple resources:", error);
        throw error; // Re-throw to allow caller to handle
    }
}

// Example usage:
async function loadDashboardData() {
    const apiEndpoints = [
        'https://api.example.com/users/1',
        'https://api.example.com/products',
        'https://api.example.com/orders/latest'
    ];

    try {
        const [user, products, latestOrder] = await fetchMultipleResources(apiEndpoints);
        console.log('User data:', user);
        console.log('Products list:', products);
        console.log('Latest order:', latestOrder);
        // Process all data once available
    } catch (error) {
        console.error('Failed to load dashboard data:', error.message);
    }
}

// Call the example function
// loadDashboardData();