Ship Client Projects
In Half the Time

// Quickly integrate any client API
const CORS_PROXY = 'https://corsproxy.io/?url=';

async function fetchClientData(apiUrl) {
  const response = await fetch(CORS_PROXY + encodeURIComponent(apiUrl));
  return response.json();
}

// Demo with client's existing API
const products = await fetchClientData('https://client-api.example.com/products');
renderProductCatalog(products);

// Rapid prototyping with real APIs
const CORS_PROXY = 'https://corsproxy.io/?url=';

// Connect to multiple services in one prototype
const [weather, news, stocks] = await Promise.all([
  fetch(CORS_PROXY + encodeURIComponent('https://api.weather.gov/...')),
  fetch(CORS_PROXY + encodeURIComponent('https://newsapi.org/...')),
  fetch(CORS_PROXY + encodeURIComponent('https://api.polygon.io/...'))
]);

// Show real data in client demo
displayDashboard({ weather, news, stocks });

// Manage multiple client projects
const clients = {
  acme: 'https://api.acme-corp.com',
  globex: 'https://globex.io/api/v2',
  initech: 'https://initech-data.com/rest'
};

async function getClientData(clientId, endpoint) {
  const baseUrl = clients[clientId];
  const url = CORS_PROXY + encodeURIComponent(`${baseUrl}/${endpoint}`);
  return fetch(url).then(r => r.json());
}

// Switch between client APIs instantly
const acmeProducts = await getClientData('acme', 'products');