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 • Equip 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?

Juga una estona abans de marxar

ELS NOSTRES SERVEIS

Com et podem ajudar

Intel·ligència artificial

Agents d'IA, chatbots i assistents intel·ligents que automatitzen tasques i atenen els teus clients 24/7 per millorar l'eficiència del teu negoci.

Més info

Desenvolupament de programari

Aplicacions web, mòbils i d'escriptori, intranets, e-commerce, SaaS i plataformes de gestió dissenyades per a les necessitats concretes de la teva empresa.

Més info

Serveis cloud

Migració, infraestructura, hosting gestionat, alta disponibilitat i seguretat en Microsoft Azure i Amazon Web Services perquè el teu negoci escali sense límits.

Més info

Ciberseguretat i pentesting

Auditories de seguretat, test d'intrusió (pentesting) i protecció d'aplicacions, dades i infraestructura on-premise i cloud, amb hacking ètic i compliment normatiu.

Més info

Business Intelligence

Quadres de comandament i anàlisi de dades amb Power BI: integrem les teves fonts, dissenyem dashboards i KPIs i convertim les teves dades en decisions.

Més info

Automatització de processos

Automatitzem tasques repetitives i connectem les teves aplicacions amb n8n, Power Automate, Make i RPA, eliminant treball manual i augmentant la productivitat.

Més info

Formació per a empreses

Formem els teus equips en tecnologia amb criteri: desenvolupament web, bases de dades, Git, bones pràctiques i seguretat, automatització amb n8n, intel·ligència artificial per a empreses i creació de solucions d'IA amb Azure AI Foundry.

Més info

Auditoria de codi

Auditem el codi que creguis tu, el teu equip o una IA: et diem què està bé i què millorar, el securitzem i el deixem llest per a producció, web o app.

Més info

Generació d'imatges amb IA

Creem per tu les imatges que necessita el teu negoci amb intel·ligència artificial: producte, xarxes, publicitat, il·lustració i avatars. Tu ens dius què vols i t'ho lliurem llest per fer servir.

Més info

Generació de vídeos amb IA

Creem per tu vídeos amb intel·ligència artificial: promocionals, per a xarxes, presentadors virtuals, doblatge i animacions. Ens comptes la idea i t'ho lliurem muntat i llest per publicar.

Més info

Avatars conversacionals amb IA

Creem avatars conversacionals amb IA —humans digitals amb cara i veu— que atenen els teus clients i equips amb el coneixement de la teva empresa, a la teva web, monitors interactius, WhatsApp o Teams.

Més info

Màrqueting Online i IA

Google Ads, Meta Ads, LinkedIn Ads i posicionament en motors d'IA (GEO/AEO): captem clients i fem que la teva marca aparegui on et busquen, també a ChatGPT, Gemini i Perplexity.

Més info

Tens un projecte en ment?

Explica'ns la teva visió i la convertim en una solució de programari. Sigui quin sigui l'abast, fem realitat la teva idea.

Live Chat