Skip to content

Pomodoro App made with NodeJS, TypeScript and TailwindCSS.

Notifications You must be signed in to change notification settings

PauloAK/pomodoro

Repository files navigation

Pomodoro

Técnica Pomodoro

O que é?

A Técnica de Pomodoro é um método para aumentar o foco e produtividade, utilizando-se da estratégia de períodos de tempo, dividindo os em períodos de foco e pausas. Esta técnica foi criada em 1980 por Francesco Cirillo, onde utilizou um cronômetro em forma de tomate para gerenciar estes períodos, dessa forma, a técnica acabou derivando o nome da fruta em italiano, pomodoro. Pomodoro Timer

Como funciona?

Como descrito acima, a técnica é definida no gerenciamento de períodos de tempo, podemos separar em 3 tipos diferentes de períodos.

  • Foco - 25 minutos
  • Pausa Curta - 5 minutos
  • Pausa Longa - 15 minutos

Os tempos acima são indicações de tempo, mas podem ser ajustado, por exemplo, foco de 40min, pausa curta de 10min e pausa longa de 30min.

Nos intervalos é recomendado atividades em que não exijam muito esforço mental, para que se possa ter um maior foco durante o período de trabalho.

Fluxo

O passo-a-passo consiste em:

  1. Criar uma lista de tarefas
  2. Iniciar o período de foco
  3. Trabalhar nas tarefas até o fim do período.
  4. Realizar uma pausa curta.
  5. Após 4 pausas curtas, realizar uma pausa longa.
  6. Reiniciar o processo.

Projeto

Introdução

O objetivo deste projeto é auxiliar na organização e foco do trabalho, principalmente home-office, onde encontramos diversos obstáculos na concentração, tendo assim um incentivo para se manter focado.

Tecnologia

Neste projeto busco utilizar algumas tecnologias que não aplico tanto no dia-a-dia como forma de estudo e maior conhecimento da stack javascript.

  • NodeJS + Express
  • EJS
  • Tailwind CSS
  • MongoDB

Etapas

Etapa 1

Nesta etapa será a criação da base geral da aplicação.

  • Estrutura da aplicação NodeJS.
  • Sistema de timers para os períodos de tempo.
  • Notificações e sons de alerta.
  • Layout

Versão 1

Etapa 2

Nesta etapa será expandida a aplicação, focando no gerenciamento de atividades.

  • Lista de tarefas (To-do List)
  • Kanban (A Fazer, Hoje, Em progresso, Pronto)

Versão 1.1

Etapa 3 [Atual]

Nesta etapa adicionaremos a possibilidade de configurar itens do sistema.

  • Configurar o tempo de cada período.
  • Configurar colunas do Kanban.

Etapa 4

Nesta etapa será adicionado as contas de usuários, para permitir salvar dados e estatísticas.

  • Criação de conta.
  • Armazenamento de configurações.
  • Armazenamento de tarefas.
  • Armazenamento de estatísticas de tempo.

Etapa 5

Nesta etapa adicionaremos os projetos, para possibilitar separar as tarefas.

  • Cadastro de projetos.
  • Atribuição de tarefas à projetos.
  • Exibição de tarefas baseado no projeto.

Etapa 6

Nesta etapa serão adicionados relatórios para acompanhamento do progresso.

  • Criação dos relatórios.
  • Tela de exibição.
  • Gráficos.

Etapa 7

Nesta etapa será adicionado o ranking de usuários.

  • Criação do ranking.
  • Tela de exibição.

Etapa 8

Nesta etapa será adicionado a possibilidade de adicionar o site à tela inicial do smartphone com PWA.

  • Integração com PWA.