Pomodoro Timer

Tecnologías utilizadas

Retos técnicos

Este proyecto fue planteado como un ejercicio de aprendizaje y comparación entre diferentes tecnologías. La aplicación fue desarrollada en cuatro versiones: JavaScript, TypeScript, React y React con TypeScript, manteniendo la misma funcionalidad para poder experimentar con las diferencias entre cada enfoque. Uno de los objetivos fue integrar el temporizador con la lista de tareas, de forma que cada iteración del Pomodoro se registre como un ciclo asociado a la tarea correspondiente. La aplicación también incorpora almacenamiento de las tareas mediante localStorage, soporte multilingüe y diferentes temas visuales. El principal reto técnico fue conseguir que el temporizador mantuviera un funcionamiento preciso incluso cuando el navegador pasa la pestaña a segundo plano o se minimiza. Los navegadores pueden reducir la frecuencia de ejecución de los temporizadores en estas situaciones, por lo que fue necesario plantear el funcionamiento del reloj de forma que no dependiera exclusivamente de la ejecución regular de setInterval. El desarrollo de las cuatro versiones permitió además comparar una implementación basada en JavaScript tradicional con las alternativas tipadas y basadas en componentes de React, profundizando en la gestión del estado y en la organización del código en cada caso.