Skip to content

APIs públicas ​

Las APIs públicas son perfectas para practicar fetch, async/await, manejo de errores, paginación y renderizado dinámico, y para darle vida a los proyectos de tu portafolio: un buscador de películas, una app del clima, un Pokédex o un convertidor de divisas.

Antes de usar una API

  • Lee la documentación: límites de peticiones (rate limits), si requiere API key y sus términos de uso.
  • Nunca pongas una API key secreta en el código del frontend: cualquiera puede verla. Úsala desde tu backend o una función serverless.
  • Las APIs gratuitas pueden cambiar o desaparecer; maneja siempre los errores.

Directorios de APIs ​

Datos falsos para practicar CRUD ​

Entretenimiento ​

Clima, geografía y lugares ​

Dinero y finanzas ​

Conocimiento, ciencia y datos ​

Animales, humor y miscelánea ​

Ejemplo rápido: consumir una API ​

js
// Clima actual en Ciudad de México con Open-Meteo (sin API key)
async function obtenerClima() {
  const url =
    'https://api.open-meteo.com/v1/forecast?latitude=19.43&longitude=-99.13&current=temperature_2m,wind_speed_10m';

  try {
    const respuesta = await fetch(url);
    if (!respuesta.ok) throw new Error(`Error HTTP ${respuesta.status}`);

    const datos = await respuesta.json();
    console.log(`Temperatura: ${datos.current.temperature_2m} °C`);
    console.log(`Viento: ${datos.current.wind_speed_10m} km/h`);
  } catch (error) {
    console.error('No se pudo obtener el clima:', error.message);
  }
}

obtenerClima();

Ideas de proyectos para tu portafolio

  • Pokédex con búsqueda, filtros por tipo y paginación (PokéAPI).
  • App del clima con geolocalización del navegador (Open-Meteo).
  • Buscador de películas con favoritos guardados en localStorage (TMDB).
  • Convertidor de divisas (Frankfurter).
  • Tienda en línea con carrito y checkout simulado (Fake Store API o DummyJSON).
  • Perfil de GitHub que muestre tus repositorios y lenguajes (GitHub REST API).

Academia Web — aprende, copia y construye.