/pomodoro

A pomodoro clock for OBS navigator source

Primary LanguageJavaScriptMIT LicenseMIT

šŸ… Pomodoro

DescripciĆ³n

Un temporizador que permite gestionar el tiempo de trabajo, aumentando la productividad y realizando pausas cada cierto tiempo. Basado en la tƩcnica Pomodoro.

EstĆ” pensado para usarlo desde OBS Studio, para gestionar el tiempo de trabajo y descanso en directos de Twitch, a travĆ©s del navegador del overlay, usando tanto archivos locales cĆ³mo la url del proyecto en GitHub Pages.

Un proyecto enfocado a practicar las funciones setInterval() y clearTimeout() de JavaScript.

Al pulsar sobre la imagen, activamos la funciĆ³n de setInterval() realizando la cuenta atrĆ”s.

Al volver a pulsar sobre la imagen activamos la funciĆ³n clearTimeout() deteniendo la cuenta atrĆ”s.

Variables de control

workTime  // Establece la duraciĆ³n del el periodo de trabajo.

shortBreak // Establece la duraciĆ³n del descanso normal o descanso corto, al final de cada ciclo.

longBreak // Establece la duraciĆ³n del descanso largo.

breaksCycle // Establece el ciclo de activaciĆ³n (trabajo-descanso/corto) del descanso largo.

DiseƱo

El nuevo diseƱo estƔ realizado en Figma y puedes verlo en el siguiente enlace:

Live demo del proyecto

AquĆ­ puedes ver el proyecto usando GitHub Pages:

Agradecimientos especiales a los seguidores

@bypepe77, @saura_dev

Que ayudaron con el cĆ³digo.

Otros enlaces

Music by https://kronbits.itch.io/freesfx

Socials