Presentando el Hackatón de 30 Días de Frontend Mentor

Participa en FM30 Hackathon: 30 días para crear una Weather App con Open-Meteo y competir por una suscripción anual a Frontend Mentor Pro. Guía, requisitos y fechas clave.

10 sept 2025 • 4 min de lectura • Equipo Q2BSTUDIO

Inteligencia-Artificial-

Estamos encantados de anunciar nuestro primer hackatón de 30 días, una oportunidad para que tanto quienes comienzan en la programación como desarrolladores experimentados pongan a prueba sus habilidades, conecten con la comunidad y tengan la posibilidad de ganar una suscripción anual a Frontend Mentor Pro.

Qué es el FM30 Hackathon: El hackatón empezó el viernes 5 de septiembre y tienes 30 días para construir la mejor solución al nuevo reto Weather App. No hace falta correr ni trasnochar; la idea es crear la solución de mayor calidad posible en 30 días y compartir el proceso con la comunidad. Tras los 30 días, el reto Weather App seguirá disponible en la plataforma como cualquier otro desafío, así que si prefieres trabajar a tu propio ritmo puedes hacerlo sin problema.

Qué vas a construir: Una aplicación meteorológica que consuma la API gratuita Open-Meteo. Aprenderás a manejar datos del mundo real y te llevarás una pieza pulida para tu portafolio aunque no ganes. Requisitos mínimos: búsqueda por ubicación, condiciones actuales con temperatura e icono, métricas adicionales como temperatura aparente, humedad, velocidad del viento y precipitación, pronóstico a 7 días, previsión horaria, selector de días, conmutador entre unidades Imperiales y Métricas y estados hover y focus para los elementos interactivos.

Cómo participar: Descarga los archivos iniciales gratuitos desde la página del reto y sigue las instrucciones del README. Construye durante los 30 días priorizando calidad sobre velocidad y comparte tus avances usando el hashtag #FM30Hackathon en redes sociales. Envía tu solución siguiendo las pautas antes de la fecha límite.

Pautas de entrega: Publica tu solución en el canal Discord hackathon submissions en el hilo del Weather App. Incluye únicamente el enlace a tu solución en Frontend Mentor. Solo una publicación por participante, las duplicadas serán eliminadas y pueden provocar descalificación. Requisitos críticos: repositorio en GitHub con un README personalizado usando la plantilla incluida, historial de commits significativo, y solución y repositorio accesibles públicamente. Fecha límite: cerraremos el hilo del hackatón el lunes 6 de octubre a las 09:00 BST.

Cómo elegimos los ganadores: Fase 1 comunidad: durante el hackatón la comunidad puede reaccionar a las entregas en Discord con valoraciones de aprecio general, mérito visual, soluciones creativas y calidad de código. No reacciones a tu propia entrega para evitar eliminación. También rastreamos likes y bookmarks en Frontend Mentor. Fase 2 shortlist: nuestro equipo revisa las entregas válidas y selecciona cinco destacadas según engagement comunitario, calidad de código, cumplimiento de requisitos y calidad del README. Fase 3 voto comunitario: las cinco finalistas pasan a votación pública donde la comunidad elige los tres ganadores.

Premios: 1r lugar suscripción Frontend Mentor Pro por un año valorada en 96 dólares, 2o lugar suscripción Pro por un mes, 3r lugar suscripción Pro por un mes.

Ideas para ir más allá: detección de geolocalización, sistema de favoritos, comparar ubicaciones, incluir índice UV visibilidad y presión atmosférica, tiempos de salida y puesta de sol con indicadores visuales, fondos animados según condiciones, búsqueda por voz, modos oscuro y claro, y capacidades PWA.

Consejos: empieza cuanto antes para iterar y pulir, documenta tu proceso y comparte con #FM30Hackathon, participa y ayuda a otros en Discord, prioriza calidad sobre complejidad y añade tu sello personal para que la app sea algo que quieras usar a diario.

Preguntas frecuentes: puedes usar cualquier framework o librería, solo se permite una entrega por persona, es un reto individual aunque la colaboración para aprender está animada, los novatos son bienvenidos y pueden ganar con soluciones simples y bien documentadas, y puedes usar herramientas de IA siempre que comprendas y puedas explicar todo el código y lo reflejes en el README.

Sobre Q2BSTUDIO: En Q2BSTUDIO somos una empresa de desarrollo de software y aplicaciones a medida con experiencia en soluciones empresariales, inteligencia artificial y ciberseguridad. Creamos software a medida y aplicaciones a medida pensadas para resolver problemas reales de negocio y optimizar procesos. Si buscas desarrollar una aplicación robusta multiplataforma descubre nuestros servicios de desarrollo en desarrollo de aplicaciones y software multiplataforma. Además ofrecemos servicios de inteligencia artificial para empresas, agentes IA y proyectos de automatización basados en modelos avanzados. Aprende más sobre nuestras soluciones de IA en servicios de inteligencia artificial.

También somos especialistas en ciberseguridad y pentesting, gestionamos infraestructuras en la nube y trabajamos con servicios cloud aws y azure, y desarrollamos soluciones de inteligencia de negocio incluyendo Power BI para transformar datos en decisiones. Palabras clave que nos definen: aplicaciones a medida, software a medida, inteligencia artificial, ciberseguridad, servicios cloud aws y azure, servicios inteligencia de negocio, ia para empresas, agentes IA y power bi.

Listo para empezar: descarga los archivos, planifica tu trabajo, comparte tus avances y participa. Si tienes dudas déjalas en el canal de ayuda de Discord y te apoyaremos. Mucha suerte y feliz desarrollo.

Fechas clave: inicio 5 de septiembre, cierre de entregas 6 de octubre 09:00 BST, ganadores 9 de octubre.

¿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