[PITCH]: Fiz uma extensão que vai salvar você durante os seus estudos.

Boa tarde! Quero apresentar a vocês algo que vai ajudar muitas pessoas, especialmente aquelas que se distraem facilmente durante o estudo.

Essa solução foi criada para atender a uma necessidade minha. Eu uso a técnica Pomodoro, mas, apesar do tempo de foco, acabava automaticamente me distraindo e vendo gatinhos fofinhos no Twitter. Então, pensei: por que não fazer um timer que, enquanto ativo, me proíba de acessar esses sites? Compartilhei o rascunho dessa ideia no Twitter e alcancei muitas pessoas que também tinham o mesmo problema. Elas adoraram a ideia do aplicativo, então botei a mão na massa.

FocusPocus: Bloqueie Distrações e Mantenha o Foco. 🪄

FocusPocus é uma extensão para navegadores que possibilita ativar um timer no modo foco, permitindo escolher entre 1 minuto e 1 hora, ou qualquer tempo personalizado que você preferir.

Além disso, o FocusPocus permite adicionar uma lista de URLs que distraem durante o estudo. Assim, quando você iniciar o modo foco, não será possível acessar os sites selecionados, como facebook.com, instagram.com, etc.

Você pode instalar aqui:

FocusPocus Demo vídeo

Principais Features

  • Selecionar tempos pré-definidos para o modo foco.
  • Digitar um tempo customizado, com base na sua preferência.
  • Adicionar/Remover URLs escolhidas por você.
  • Ativar/Desativar sons do sistema.

Sobre o FocusPocus, Agradecimentos e Contribuições

O FocusPocus é um projeto open-source, então se você quiser contribuir com essa ideia você pode entrar no Repositório no Github e seguir os passos descritos no README para fazer a sua contribuição.

Você também pode abrir uma Issue caso queira deixar alguma sugestão, ideia ou relato de bugs.

Muito do projeto foi feito com ajuda da comunidade de desenvolvedores e estudantes do Twitter, onde fui seguindo ideias e sugestões da galera interessada no projeto, agradeço muito a esses que há um tempo acompanham o nascimento do FocusPocus.

Obrigado 💛

Caramba, muito bom... Vou tirar um dia para testar. Sempre tive uma dúvida como se faz uma extensão? Como compilar? Deve usar algum kit de desenvolvimento?

Opa, tudo bem? Também já trabalhei com extensões e no momento estou desenvolvendo uma para lembrar de tomar água (é simples mesmo... Mas eu tenho hiperfoco e acabo esquecendo de comer entre outras coisas). Como o autor do post falou, é possível criar extensões com html, js e css. Logo, você também pode utilizar webpack para poder usar Frameworks como react - bem, se é JS, você pode usar hehehehe. Aqui tem o [boilerplate ](https://github.com/JasonXian/react-chrome-extension-boilerplate) que meu professor utiliza (que no fim forkei também).
Fala Saulo, explicando bem por cima, você pode criar uma extensão como uma página web normal, com o html + css + javascript. O que faz ser identificada pelo browser e rodar como extensão é o manifesto ```manifest.json``` na raiz do projeto, indicando onde fica o html e script do popup, serviços que rodam em background, etc.. A [MDN](https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/Your_first_WebExtension) explica aqui como fazer sua primeira extensão. Também tem um conteúdo legal no [Chrome for Developers](https://developer.chrome.com/docs/extensions/get-started/tutorial/hello-world?hl=pt-br)

Muito boa a ideia. Há muito tempo experimentei uma extensão parecida, que bloqueava URLs indesejadas e me ajudou bastante. Também faço uso do Pomodoro, e ter os dois juntos para mim seria algo sensacional.

Eu tenho uma sugestão que poderia agregar. Não sei se tantas pessaos tem esse problema, mas é relacionado a pesquisas no Google. Além de alguns sites que me distratem, como esportivos, o buscador do Google também atrapalha.

Encontrei uma extensão que me ajuda nisso e tem sido sensacional que é a Blocked Search, mas ter isso em uma extensão, aliado ao pomodoro e o bloqueio de sites, pelo menos para mim, deixaria mais sensacional ainda a ferramenta do que já é.

Muito obrigado pelo empenho no desenvolvimento da extensão!

Nossa que massa, vou experimentar 👍

Valeu Leo, espero que você goste!

Muito legal! Vou experimentar!!

Muito obrigado Rossini!

Eu utilizo muito pomodoro e isso que você desenvolveu é realmente muito útil, meus parabéns. Vou testar

Obrigado Lyn, é uma ótima forma de manter a concentração, espero que goste.

Muito legal. Seria interessante um post explicando o codigo, e detalhes da implementação, nem todos conseguem entender os detalhes, apenas lendo codigo fonte no github

:D

Caramba irmão! Ficou bem daora! Nem sofro com problema de desatenção, mas vou testar mesmo assim kkk Parabéns!

Muito bom, parabéns pelo projeto

Achei genial. Vou baixar e testar ele, mas gostaria de saber uma coisa: ele bloqueia subdominios dos sites que você coloca ali? Ex: sub.dominio.com.br

Muito bom irmão, agradecido! Usando desde já!

Espero que te ajude meu mano!