Skip to content

matheus-lincon/Pomodoro-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 

Repository files navigation

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

About

Pomodoro Project

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published