Executando verificação de segurança...
39

[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 💛

Carregando publicação patrocinada...
3
3

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 que meu professor utiliza (que no fim forkei também).

2

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 explica aqui como fazer sua primeira extensão.

Também tem um conteúdo legal no Chrome for Developers

1

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!

1
1
1
1
1
2
1

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

1
0
1
1
1
0