<\/p>\n
La nataci\u00f3n es un deporte obsesionado con la precisi\u00f3n. Medimos el tiempo en cent\u00e9simas de segundo, utilizamos placas electr\u00f3nicas de \u00faltima generaci\u00f3n y analizamos la biomec\u00e1nica de la brazada con c\u00e1maras subacu\u00e1ticas. Sin embargo, en pleno siglo XXI, la gesti\u00f3n de los nadadores a pie de piscina segu\u00eda anclada en los a\u00f1os 90.<\/p>\n
Si has estado en una competici\u00f3n, conoces el escenario: calor, humedad, gritos, olor a cloro y, en medio del caos, una mesa llena de papeles. Son las listas de salida<\/strong> (las \u00abseries\u00bb).<\/p>\n El ritual es sagrado: en cuanto se imprimen las listas, el delegado o un entrenador coge un subrayador fluorescente y empieza la caza. P\u00e1gina tras p\u00e1gina, busca los apellidos de los nadadores de su club para marcarlos. Es la \u00fanica forma de que, visualmente, se pueda identificar r\u00e1pido cu\u00e1ndo le toca tirarse al agua a cada uno.<\/p>\n La idea de Yellow o’clock<\/strong><\/a> no naci\u00f3 en una sala de reuniones ni frente a un IDE de programaci\u00f3n. Naci\u00f3 en la grada de una piscina.<\/p>\n Ese d\u00eda, la tarea recay\u00f3 sobre m\u00ed. \u00abToma, subraya a los del equipo\u00bb<\/em>, me dijeron, entreg\u00e1ndome un taco de folios y un rotulador amarillo.<\/p>\n Me sent\u00e9 y empec\u00e9 a buscar. Garc\u00eda… no, este es de otro club. Mart\u00ednez… s\u00ed, este es nuestro.<\/em> En ese momento, mi cerebro de desarrollador hizo \u00abclick\u00bb. Sent\u00ed esa mezcla de frustraci\u00f3n y epifan\u00eda que todos los programadores conocemos. No ten\u00eda sentido que un ser humano estuviera haciendo una tarea de b\u00fasqueda de patrones de texto<\/em> manualmente.<\/p>\n \u00abUn script podr\u00eda hacer esto en milisegundos. \u00bfPor qu\u00e9 lo estoy haciendo yo?\u00bb<\/em><\/p><\/blockquote>\n Esa pregunta fue el comienzo de todo.<\/p>\n Llegu\u00e9 a casa y abr\u00ed el ordenador. La primera versi\u00f3n no ten\u00eda interfaz bonita, ni web, ni nombre. Era simplemente un script en Python dise\u00f1ado para una tarea muy espec\u00edfica: ingesta de PDF, reconocimiento de cadenas de texto (OCR\/Text extraction) y superposici\u00f3n de capas de color.<\/strong><\/p>\n Los PDFs son archivos complicados para manipular program\u00e1ticamente. A diferencia de un archivo de texto plano, un PDF es m\u00e1s un mapa visual que una estructura de datos ordenada. El reto t\u00e9cnico resid\u00eda en localizar las coordenadas exactas donde aparec\u00eda el nombre del club y \u00abpintar\u00bb encima sin romper el formato original del documento.<\/p>\n Tras pelearme con varias librer\u00edas y coordenadas X\/Y, logr\u00e9 que funcionara. Le pas\u00e9 un PDF de 50 p\u00e1ginas y, en menos de un segundo, me devolvi\u00f3 el archivo con todos mis compa\u00f1eros resaltados.<\/p>\n Un software que solo usas t\u00fa es un script; un software que usan otros es un producto. Para dar ese salto, necesitaba feedback<\/em> real.<\/p>\n Tuve la inmensa suerte de contar con la colaboraci\u00f3n de la directiva del Club Nataci\u00f3n Mediterr\u00e1neo Valencia<\/strong>. Ellos se convirtieron en mis beta testers<\/em>. Les entregu\u00e9 las primeras versiones del programa y observ\u00e9.<\/p>\n Gracias a ellos aprend\u00ed lecciones que el c\u00f3digo no te ense\u00f1a:<\/p>\n El resultado de esas iteraciones es lo que hoy puedes ver en yellowoclock.germanmallo.com<\/a>.<\/p>\n El proyecto se divide en dos grandes pilares tecnol\u00f3gicos que he querido mantener Open Source:<\/p>\n A menudo, en el mundo del desarrollo, nos perdemos buscando la arquitectura perfecta o la tecnolog\u00eda de moda. Pero Yellow o’clock<\/strong> me record\u00f3 la esencia de nuestra profesi\u00f3n: crear herramientas para facilitar la vida a las personas.<\/strong><\/p>\n Lo que empez\u00f3 como una forma de ahorrarme 20 minutos de aburrimiento, ahora ahorra horas acumuladas a delegados y entrenadores, permiti\u00e9ndoles centrarse en lo que realmente importa: sus nadadores.<\/p>\nEl detonante: 20 minutos de frustraci\u00f3n<\/h3>\n
\nPasaron 5 minutos.
\nPasaron 10.
\nA los 20 minutos<\/strong>, segu\u00eda all\u00ed, con la vista cansada y los dedos manchados de tinta.<\/p>\nDel script \u00absucio\u00bb al producto real<\/h3>\n
Beta Testers de lujo: CN Mediterr\u00e1neo Valencia<\/a><\/h3>\n
\n
Yellow o’clock hoy: Tecnolog\u00eda al servicio del usuario<\/h3>\n
\n
\nEl motor de la aplicaci\u00f3n. Utiliza algoritmos de b\u00fasqueda eficientes para escanear documentos extensos en tiempo r\u00e9cord.
\n\ud83d\udcbb Repo:<\/em> github.com\/Dreiko98\/pdf_remarker<\/a><\/li>\n
\nPara distribuir la herramienta, cre\u00e9 una landing page moderna, optimizada para SEO y accesible. Quer\u00eda que la experiencia de descarga fuera tan fluida como la app misma. Utilic\u00e9 Next.js 13<\/strong> con App Router para asegurar un rendimiento m\u00e1ximo.
\n\ud83c\udf10 Repo:<\/em> github.com\/Dreiko98\/yellow-o-clock-landing-page<\/a><\/li>\n<\/ol>\nConclusi\u00f3n: Resolver problemas reales<\/h3>\n