/Pomodoro-App

Pomodoro Project

Primary LanguageJavaScriptMIT LicenseMIT

Pomodoro - App 🍅

Sobre o Pomodoro

  • Pomodoro Ă© uma tĂ©cnica muito utilizada na parte dos estudos/trabalhos. AtravĂ©s dela Ă© possĂ­vel ter uma linha de foco maior nas atividades que devem ser realizadas.
  • Ele possui 3 estágios. Cada estágio possui um tempo padrĂŁo(ou pode ser personalizado). Os estagios sĂŁo: Pomodoro, Short Break e Long Break. Eles possuem um tempo, respectivamente de: 25:00 minutos, 05:00 minutos e 15:00 minutos.
  • Geralmente apĂłs a conclusĂŁo de 4 ciclos de Pomodoro, a opção de Long Break Ă© ativada, permitindo entĂŁo, um intervalo de descanso maior.

O Projeto

O projeto foi criado tendo como inspiração o pomofocus.io.

Objetivo

O objetivo desse projeto foi tanto reforçar alguns conhecimentos de CSS quanto de JavaScript.

O que foi reforçado/aprendido?

  • CSS
    • Position absolute e relative;
    • Display flex;
    • Media Queries;

  • JavaScript
    • setInterval;
    • DOM Manipulation;

Project Demo

Para experienciar o projeto de fato, vocĂŞ pode acessar essa URL: https://matheus-lincon.github.io/Pomodoro-App/

Desktop

Pomodoro Desktop Gif


Pomodoro Short Break Long Break


Mobile

Pomodoro Mobile Gif


Pomodoro Short Break Long Break