xColors API

// Fetch art collection data
const response = await fetch(`https://x-colors.herokuapp.com`);
const data = await response.json();
const items = Array.isArray(data) ? data : data.data || [data];
items.slice(0, 5).forEach(item => {
  console.log('Artwork:', item.title || item.name || item);
});

// Get design resources from xColors
const response = await fetch(`https://x-colors.herokuapp.com`);
const data = await response.json();
console.log('Design resource:', data);
const container = document.getElementById('design-display');
container.innerHTML = `<pre>${JSON.stringify(data, null, 2)}</pre>`;

// Fetch random art for inspiration
async function getInspiration() {
  const response = await fetch(`https://x-colors.herokuapp.com`);
  return await response.json();
}
const artwork = await getInspiration();
console.log('Inspiration:', artwork);
document.getElementById('board').innerHTML =
  JSON.stringify(artwork, null, 2);