MeFalta, contador de tiempo creado con JavaScript

Una vez más aquí. Hoy vengo a dejar un pequeño contador de tiempo. Este contador lo he realizado por que el próximo día 1 he comienzo un curso sobre ciberseguridad. Y yo soy de esa clase de personas a las que les gusta saber el «hasta cuando» de las cosas. Por eso, si alguna vez has mirado el calendario, has visto que faltan 20 días para una fecha límite, pero en realidad solo tienes 10 días de trabajo real, y quieres tener estos datos siempre claros, pues MeFalta quizás te pueda hacer gracia.

He de reconocer que este es un error clásico en mi planificación. Contamos los días naturales, pero olvidamos que no somos máquinas. No trabajamos los sábados, no estudiamos los domingos y, definitivamente, queremos disfrutar de los festivos. Aquí es donde entra en juego MeFalta, una herramienta web diseñada para decirte la verdad sobre tu tiempo disponible.

¿Por qué los contadores tradicionales fallan?

Algunos de las aplicaciones de cuenta regresiva, pueden ser un poco simplistas. Si hoy es día 1 y tu entrega es el día 10, te dirán que tienes «9 días». Pero, ¿es eso cierto? La verdad es que no. Si en medio hay un fin de semana y un festivo nacional, tu tiempo real de producción se reduce drásticamente. Esa falsa sensación de seguridad es la enemiga número uno de la productividad y la causante de los agobios de última hora.

MeFalta nace de una necesidad real: cuantificar el esfuerzo restante, no solo el tiempo que pasa, y así poder ver el final del tunel … más que nada para poder planificar mejor futuros compromisos.

MeFalta: Mucho más que un reloj

MeFalta es una aplicación web moderna, diseñada con una estética «Glassmorphism» (efecto cristal) y un modo oscuro elegante, que no sé si cuida la vista como he leído por ahí, pero la verdadera gracia de esta aplicación está bajo el capó.

Cálculo de «tiempo útil»

La aplicación asume una jornada estándar de 5 horas de productividad pura (configurable en el código). No cuenta las 24 horas del día, porque nadie estudia o trabaja 24 horas seguidas (y si lo haces, no deberías). Esto te da una visión mucho más realista de cuántas «sesiones» de trabajo te quedan.

Inteligencia de calendario (2024-2026)

MeFalta no solo cuenta días. Intenta entender el calendario programado:

  • Fines de semana: Automáticamente excluye sábados y domingos del conteo.
  • Festivos nacionales: Tiene integrados los calendarios laborales de 2024, 2025 y 2026. Si el 6 de diciembre es el Día de la Constitución, la app lo sabe y no lo cuenta como día de trabajo. He limitado el calendario, por que como comenté líneas antes, esto ha nacido para realizar el control sobre el curso que voy a realizar, que termina pronto en el año 2026.
  • Validación inteligente: Para garantizar la precisión, el sistema te avisa si intentas calcular fechas fuera del rango soportado (2024-2026), asegurando que nunca tengas datos erróneos por falta de información de festivos.

Gestión visual de exclusiones

¿Tienes un compromiso personal el próximo miércoles? ¿Te vas a tomar un puente? Con MeFalta, el control es tuyo. El calendario interactivo te permite hacer clic en cualquier día para excluirlo manualmente. La leyenda de colores que utiliza este programa es:

  • Verde: Día laborable (cuenta).
  • Gris: Fin de semana (no cuenta).
  • Rosa: Festivo (no cuenta).
  • Rojo: Excluido manualmente por ti (no cuenta).

Además, he añadido marcadores visuales (📍) tanto en el día de inicio como en el día final, para que tengas siempre claro tu horizonte temporal de un vistazo.

Una Experiencia de Usuario (UX) Fluida

Lo que diferencia a una herramienta útil de una excelente es cómo te hace sentir al usarla. En el desarrollo de MeFalta, hemos puesto un énfasis obsesivo en la experiencia de usuario:

  • Validación no Intrusiva: A nadie le gusta que le griten error mientras está escribiendo. Se han refinado los formularios para que el usuario pueda escribir las fechas libremente. El sistema solo te alertará de incongruencias (como poner la fecha de fin antes que la de inicio) cuando intentes iniciar el contador.
  • Diseño responsivo: Ya sea en tu monitor 4K, en tu portátil o en tu móvil, la interfaz se adapta. El fondo de estrellas y los efectos de brillo dan una sensación bastante chula sin sacrificar rendimiento.
  • Feedback Inmediato: El reloj digital no solo muestra la cuenta regresiva, sino que desglosa estadísticas vitales: Días del curso restantes y Total de horas laborables. Ver que te quedan «50 horas» es mucho más grato que ver «10 días».

Transparencias

Para los curiosos de la tecnología, MeFalta es un ejemplo de lo que se puede lograr con los estándares web modernos sin necesidad de frameworks pesados. Todo lo que se ha utilizado en este proyecto es:

  • HTML5 semántico: Para una estructura sólida.
  • CSS3 avanzado: Uso de variables CSS, animaciones `keyframes`, Grid y Flexbox.
  • JavaScript Vanilla: Lógica pura y dura, sin dependencias externas que ralenticen la carga.

¿Cómo empezar a usar MeFalta?

Es tan sencillo como 1-2-3:

1. **Introduce tu fecha de inicio:** Por defecto te sugerirá el momento actual.

2. **Marca tu objetivo:** ¿Cuándo es tu examen o entrega final?

3. **Dale al Play:** Pulsa «Iniciar Cuenta Regresiva».

Automáticamente verás tu tiempo restante real. ¿Necesitas ajustar? Baja al calendario y haz clic en los días que sabes que no vas a trabajar o a clase. El contador se recalculará en tiempo real que te falta para llegar al final.

Repositorio en Github de MeFalta

Dejar de engañarnos con el tiempo que tenemos es el primer paso para ser verdaderamente productivos. MeFalta elimina la incertidumbre y te da el dato más valioso de todos: la realidad.

Si quieres consultar el código fuente del proyecto o directamente descargarlo para modificarlo o simplemente probarlo, puedes dirigirte al repositorio en GitHub en el que he alojado el MeFalta. También se puede ver funcionando este pequeño proyecto en la sección de ejemplos de esta web.

Post relacionados

GasoliPrecio App – Encuentra la gasolinera más barata cerca de ti

excusApp. Una app para generar excusas (y memes) con ayuda de IA

NivelAzo. Una App de nivel para Android con Kotlin