Shields API

// Fetch popular open source projects
const response = await fetch(`https://shields.io`);
const data = await response.json();
const projects = data.items || data.results || data.projects || [];
const list = Array.isArray(projects) ? projects : [projects];
list.slice(0, 5).forEach(p => {
  console.log(`⭐ ${p.name || p.full_name}: ${p.description || ''}`);
});

// Monitor open source project activity
const response = await fetch(`https://shields.io`);
const data = await response.json();
const project = data.repository || data;
console.log('Project:', project.name || project.full_name);
console.log('Stars:', project.stars || project.stargazers_count || 'N/A');
console.log('Forks:', project.forks || project.forks_count || 'N/A');

// Create a showcase of open source projects
const response = await fetch(`https://shields.io`);
const data = await response.json();
const projects = data.items || data.results || [];
const container = document.getElementById('showcase');
projects.slice(0, 5).forEach(p => {
  const el = document.createElement('div');
  el.innerHTML = `<h3>${p.name}</h3><p>${p.description || ''}</p>`;
  container.appendChild(el);
});