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 read • Q2BSTUDIO Team

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.

A BREAK?

Play for a moment before you go

OUR SERVICES

How we can help you

Artificial intelligence

AI agents, chatbots, and intelligent assistants that automate tasks and serve your customers 24/7 to improve the efficiency of your business.

More info

Software Development

Web, mobile, and desktop applications, intranets, e-commerce, SaaS, and management platforms designed for your company's specific needs.

More info

Cloud services

Migration, infrastructure, managed hosting, high availability, and security on Microsoft Azure and Amazon Web Services to help your business scale without limits.

More info

Cybersecurity and pentesting

Security audits, penetration testing and protection of applications, data and infrastructure on-premise and cloud, with ethical hacking and regulatory compliance.

More info

Business Intelligence

Dashboards and data analysis with Power BI: we integrate your sources, design dashboards and KPIs and turn your data into decisions.

More info

Process automation

We automate repetitive tasks and connect your applications with n8n, Power Automate, Make, and RPA, eliminating manual work and increasing productivity.

More info

Training for Companies

We train your teams in technology with criteria: web development, databases, Git, best practices and security, automation with n8n, artificial intelligence for companies and creation of AI solutions with Azure AI Foundry.

More info

Code Auditing

We audit the code that you, your team or an AI create: we tell you what is good and what to improve, we secure it and make it ready for production, web or app.

More info

AI Image Generation

We create for you the images that your business needs with artificial intelligence: product, networks, advertising, illustration and avatars. You tell us what you want and we deliver it ready to use.

More info

AI Video Generation

We create videos with artificial intelligence for you: promotional, networking, virtual presenters, dubbing and animations. You tell us the idea and we will deliver it assembled and ready to publish.

More info

AI Conversational Avatars

We create conversational avatars with AI – digital humans with a face and voice – that serve your customers and teams with the knowledge of your company, on your website, interactive monitors, WhatsApp or Teams.

More info

Online Marketing and AI

Google Ads, Meta Ads, LinkedIn Ads and AI Engine Positioning (GEO/AEO): we attract customers and make your brand appear where they search for you, also on ChatGPT, Gemini and Perplexity.

More info

Do you have a project in mind?

Tell us your vision and we'll turn it into a software solution. Whatever the scope, we make your idea real.

Live Chat