Team_Website/Pages/showcase.js

async function fetchMedia() {
    const response = await fetch('http://your-server-address/media'); // Update server address here
    const media = await response.json();
    shuffle(media); // Assuming you have a shuffle function
    const mediaContainer = document.getElementById('mediaContainer');
    media.forEach(item => {
        const element = document.createElement('img'); // For images
        // const element = document.createElement('video'); // For videos
        element.src = item.url;
        mediaContainer.appendChild(element);
    });
}

fetchMedia();

function shuffle(array) {
    // Implementation of shuffle function
    for (let i = array.length - 1; i > 0; i--) {
        const j = Math.floor(Math.random() * (i + 1));
        [array[i], array[j]] = [array[j], array[i]];
    }
}

fetchMedia();