Cómo usar la API gratuita de Rick and Morty con JavaScript (Demo interactiva paso a paso)

Rick and Morty API: Crea un Buscador Interactivo con JavaScript (Mini Proyecto Web)

¿Quieres practicar consumo de APIs de forma divertida y profesional?

En este mini proyecto vamos a construir un buscador interactivo de personajes de Rick and Morty utilizando una API pública gratuita y JavaScript puro.

Aprenderás a:

  • Consumir una API REST con fetch()
  • Trabajar con parámetros dinámicos
  • Implementar paginación
  • Filtrar resultados por nombre
  • Renderizar datos dinámicamente en el DOM
Buscador de personajes Rick and Morty usando API REST y JavaScript


🌌 ¿Qué es la API de Rick and Morty?

La Rick and Morty API es una API REST pública que permite consultar información sobre personajes, episodios y ubicaciones.

Endpoint principal utilizado en este proyecto:

https://rickandmortyapi.com/api/character

No requiere autenticación, por lo que es ideal para practicar integraciones.

🚀 Demo Interactiva

Explora los personajes, usa la paginación o busca por nombre:

🧠 Explicación Técnica

El proyecto utiliza fetch() para hacer peticiones HTTP GET al endpoint público.

Ejemplo básico:

fetch("https://rickandmortyapi.com/api/character?page=1")
  .then(response => response.json())
  .then(data => console.log(data));

La API permite:

  • page → Navegar entre resultados
  • name → Filtrar personajes

La respuesta incluye:

  • info → total de páginas
  • results → lista de personajes

🎯 ¿Por qué este mini proyecto es útil?

Aunque es una API divertida, los conceptos que aplicamos aquí son los mismos que se usan en:

  • Dashboards empresariales
  • Integraciones frontend-backend
  • Visualización de datos
  • Consumo de APIs REST corporativas

Si puedes consumir esta API, puedes consumir cualquier API profesional.

🔗 Siguiente Nivel: APIs Empresariales

Si quieres aprender a trabajar con APIs más avanzadas como Oracle Fusion Cloud (SOAP y REST), revisa esta guía técnica:

Crear Adjustment en Oracle Fusion Cloud usando SOAP API

Practicar con APIs públicas es una excelente forma de fortalecer tus habilidades antes de trabajar con integraciones complejas 🚀

Comentarios

Publicar un comentario

Dejanos tus dudas y comentarios

🚀 Mantener este blog funcionando requiere tiempo y café. ¡Puedes contribuir con uno aquí!

Entradas más populares de este blog

Guía Práctica: Ejemplo Completo de ASPX para Desarrolladores Web

Imagen
Bienvenidos a programacionparatodos.com Esta semana vamos a conocer otro lenguaje de programación que es ASP ( Active Server Pages  )  que es de la familia de Microsoft es plataforma Cliente/Servidor y que permite crear páginas WEB dinámicas, utiliza un servicio conocido como IIS o  (Internet Information Services) fue creado en 1996. Cuando ven paginas WEB que terminan en .aspx es que están desarrolladas con este lenguaje. Páginas  que por ejemplo utilizan ASP https://www.cfe.mx/Pages/Index.aspx https://www.interfactura.com/Index.aspx https://www.canadainternational.gc.ca/mexico-mexique/index.aspx?lang=spa Igual hay mucho trabajo para este software por ejemplo les dejó las siguientes vacantes  Desarrollador .NET .NET Developer NET LEAD Para seguir con el formato del blog, les quiero compartir un programa de ejemplo, pero he de decirles que es la primera vez que programo en ASP , ya que no lo había hecho antes, me tomo...
Leer más

📊 Automatiza tu trabajo: Convierte tablas de Word a Excel con una macro

Imagen
 Si trabajas en una oficina, seguro te enfrentas a tareas repetitivas que consumen mucho tiempo, como copiar datos de una tabla en Word a una hoja de Excel.   Afortunadamente, existe una forma de automatizar este proceso mediante macros en Word, lo que te permitirá ahorrar tiempo y esfuerzo, y enfocarte en tareas más importantes. ¿Qué es una macro? Una macro es una secuencia de instrucciones que te permite automatizar tareas repetitivas en aplicaciones como Word y Excel. Utilizando el lenguaje VBA (Visual Basic for Applications), puedes escribir códigos que realicen tareas como copiar tablas de un documento de Word y pegarlas en una hoja de Excel con solo hacer clic en un botón. ¿Por qué debería usar una macro para convertir tablas de Word a Excel? Ahorra tiempo : Si trabajas con grandes cantidades de datos, una macro puede copiar todo de una tabla a Excel de forma rápida y precisa. Minimiza errores : El proceso manual de copiar y pegar puede dar lugar a errores humanos, ...
Leer más

Macro en Word para automatizar documentos: genera diplomas en segundos (con código VBA)

Imagen
Macro en Word para automatizar documentos y generar diplomas automáticamente (VBA paso a paso) ¿Sigues creando documentos uno por uno en Word? Si generas diplomas, constancias, contratos o reportes manualmente, este proceso puede quitarte horas cada semana. En esta guía aprenderás cómo automatizar documentos en Word usando una macro VBA , permitiéndote generar múltiples archivos en segundos y reducir errores humanos. Este tutorial es ideal para administrativos, analistas, docentes y cualquier profesional que quiera ahorrar tiempo y mejorar su productividad. ¿Qué problemas resuelve esta macro? Evita crear documentos manualmente Reduce errores al copiar nombres Ahorra horas de trabajo administrativo Permite generar múltiples diplomas en segundos Mejora tu eficiencia profesional ¿Sabías que no solo en Excel puedes crear macros? También puedes automatizar tareas en Word, Outlook, PowerPoint y Access gracias a Visual Basic para Aplicaciones (VBA). Cómo hab...
Leer más