IMC, reloj en vivo y GitHub

Proyecto web para principiantes con una tarjeta de perfil de GitHub, calculadora de IMC y reloj en vivo. Practica DOM y fetch API con CSS para aprender desarrollo web.

26 sept 2025 • 2 min de lectura • Equipo Q2BSTUDIO

Inteligencia-Artificial-

Pequeño proyecto web para principiantes que muestra una tarjeta de perfil de GitHub, un calculador de IMC y un reloj en vivo, creado para practicar DOM, fetch API y algo de CSS.

Qué hace: obtiene datos de usuario de GitHub desde la API pública en https://api.github.com/users/username usando fetch y muestra avatar, nombre, bio, seguidores, repositorios públicos, usuarios seguidos y un enlace al perfil de GitHub. Incluye un calculador de IMC sencillo que pide altura en cm y peso en kg y calcula IMC como peso dividido por altura en metros al cuadrado. También muestra la hora local con un reloj en tiempo real actualizado con setInterval para practicar manipulación del DOM y funciones temporales.

Detalles técnicos: usa fetch para solicitar https://api.github.com/users/username, procesa la respuesta JSON y actualiza elementos del DOM para mostrar avatar, nombre, bio, followers, public_repos y following. El calculador de IMC convierte altura en cm a metros, calcula IMC y muestra una clasificación básica. El reloj utiliza Date para obtener hora local y un bucle que actualiza cada segundo.

Ejemplos de uso: introduce un nombre de usuario de GitHub para ver la tarjeta de perfil, escribe tu altura en cm y peso en kg para obtener tu IMC al instante, y observa la hora local en el reloj en vivo. Este tipo de proyecto es ideal para practicar conceptos reales aplicables en proyectos profesionales como aplicaciones web y servicios a medida.

Sobre Q2BSTUDIO: somos una empresa de desarrollo de software dedicada a crear aplicaciones a medida y software a medida, especialistas en inteligencia artificial y ciberseguridad, con experiencia en servicios cloud aws y azure, servicios inteligencia de negocio y soluciones como power bi. Si necesitas desarrollar una aplicación multiplataforma a medida o un proyecto web similar a este, podemos ayudarte con diseño, arquitectura y despliegue desarrollo de aplicaciones y software a medida. Para proyectos que integren modelos y agentes IA en procesos de negocio, ofrecemos consultoría y desarrollo en soluciones de inteligencia artificial para empresas.

También brindamos servicios de ciber-seguridad y pentesting, automatización de procesos, integración con servicios cloud aws y azure, y servicios de inteligencia de negocio con herramientas como power bi para dashboards y reporting. Palabras clave relevantes: aplicaciones a medida, software a medida, inteligencia artificial, ciberseguridad, servicios cloud aws y azure, servicios inteligencia de negocio, ia para empresas, agentes IA, power bi.

Conclusión: este proyecto combina prácticas de frontend útiles para el desarrollo profesional y sirve como base para funcionalidades más avanzadas que Q2BSTUDIO puede implementar en proyectos reales, desde integración con APIs hasta despliegues seguros en la nube y modelos de IA aplicados a empresas.

¿UNA PAUSA?

Juega un momento antes de irte

NUESTROS SERVICIOS

Cómo podemos ayudarte

Inteligencia artificial

Agentes de IA, chatbots y asistentes inteligentes que automatizan tareas y atienden a tus clientes 24/7 para mejorar la eficiencia de tu negocio.

Más info

Desarrollo de software

Aplicaciones web, móviles y de escritorio, intranets, e-commerce, SaaS y plataformas de gestión diseñadas para las necesidades concretas de tu empresa.

Más info

Servicios cloud

Migración, infraestructura, hosting gestionado, alta disponibilidad y seguridad en Microsoft Azure y Amazon Web Services para que tu negocio escale sin límites.

Más info

Ciberseguridad y pentesting

Auditorías de seguridad, test de intrusión (pentesting) y protección de aplicaciones, datos e infraestructura on-premise y cloud, con hacking ético y cumplimiento normativo.

Más info

Business Intelligence

Cuadros de mando y análisis de datos con Power BI: integramos tus fuentes, diseñamos dashboards y KPIs y convertimos tus datos en decisiones.

Más info

Automatización de procesos

Automatizamos tareas repetitivas y conectamos tus aplicaciones con n8n, Power Automate, Make y RPA, eliminando trabajo manual y aumentando la productividad.

Más info

Formación para empresas

Formamos a tus equipos en tecnología con criterio: desarrollo web, bases de datos, Git, buenas prácticas y seguridad, automatización con n8n, inteligencia artificial para empresas y creación de soluciones de IA con Azure AI Foundry.

Más info

Auditoría de código

Auditamos el código que creas tú, tu equipo o una IA: te decimos qué está bien y qué mejorar, lo securizamos y lo dejamos listo para producción, web o app.

Más info

Generación de imágenes con IA

Creamos por ti las imágenes que necesita tu negocio con inteligencia artificial: producto, redes, publicidad, ilustración y avatares. Tú nos dices qué quieres y te lo entregamos listo para usar.

Más info

Generación de vídeos con IA

Creamos por ti vídeos con inteligencia artificial: promocionales, para redes, presentadores virtuales, doblaje y animaciones. Nos cuentas la idea y te lo entregamos montado y listo para publicar.

Más info

Avatares conversacionales con IA

Creamos avatares conversacionales con IA —humanos digitales con cara y voz— que atienden a tus clientes y equipos con el conocimiento de tu empresa, en tu web, monitores interactivos, WhatsApp o Teams.

Más info

Marketing Online e IA

Google Ads, Meta Ads, LinkedIn Ads y posicionamiento en motores de IA (GEO/AEO): captamos clientes y hacemos que tu marca aparezca donde te buscan, también en ChatGPT, Gemini y Perplexity.

Más info

¿Tienes un proyecto en mente?

Cuéntanos tu visión y la convertimos en una solución de software. Sea cual sea el alcance, hacemos realidad tu idea.

Live Chat