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

Pitch: Criei um gerenciador de abas para melhorar minha vida, e talvez a sua

Há uns 14 anos, venho experimentando diversos gerenciadores de abas que me ajudam a manter minha sanidade como desenvolvedor. Todos os dias, visito uma variedade de sites e sempre precisei de algo que me ajudasse a organizar e lembrar das minhas pesquisas, geralmente envolvendo a leitura de artigos e buscas no Google para solucionar problemas de desenvolvimento.

Apesar de já ter testado vários gerenciadores de abas, cada um com seus prós e contras, nenhum atendia completamente às minhas necessidades, sempre faltava algo ou algo não funcionava muito bem. Recentemente, decidi criar meu próprio gerenciador de abas.

"Mas por que criar seu próprio tab manager?” A verdade é que eu não estava apenas buscando algo que atendesse às minhas necessidades, mas também um novo desafio. Eu sempre trabalhei como CLT ou PJ, e por conta disso, descobri que não sei nada sobre como "vender" ou "divulgar" um produto. E, se você tiver dicas ou sugestões sobre isso, por favor, compartilhe! Vai me ajudar muito!

Bom, vamos ao que interessa, especialmente para nós, desenvolvedores: quais tecnologias estou utilizando?

Para o frontend, decidi ir com os clássicos:

  • React
  • Tailwind
  • daisyUI

O sistema de drag and drop foi feito com:

  • dnd-kit

Para garantir que as informações fiquem salvas e acessíveis offline, usei:

  • Dexie.js (para integrar com IndexedDB)

Na parte de integração e gerenciamento da API:

  • TanStack Query

Gerenciando os formulários com:

  • Formik e Yup

Para oferecer suporte a múltiplos idiomas:

  • React i18next

Como estamos falando de uma extensão, o gerenciamento de rotas é um pouco mais complexo, então utilizei o MemoryRouter do:

  • React Router

Já no backend, as coisas ficaram mais simples: usei Golang para desenvolver a API, e os dados estão armazenados em um Postgres, tudo no Google Cloud.

Este sistema tem um esquema de sincronização robusto para manter todos os seus dispositivos atualizados. Mas posso falar mais sobre isso em futuros posts. Se tiverem curiosidade sobre qualquer parte do projeto, por favor, me perguntem. Estou aqui para compartilhar e ajudar!

Coloquei a extensão no ar recentemente e já estou cheio de ideias para novas funcionalidades. Com o tempo, espero ir implementando cada uma delas.

Se você quiser testar e ver como funciona, e também ficarei muito agradecido se puder enviar um feedback. Se puder deixar uma avaliação na Chrome Store, isso me ajudará imensamente!

Você pode baixar a extensão, aqui:
https://chromewebstore.google.com/detail/octab-your-tab-manager-di/cebpjoogodhghekdailhkbododekfggb

E novamente, se você tem alguma dica de como posso divulgar e espalhar a palavra sobre esse projeto, por favor, me avise. Toda ajuda é bem-vinda!

Até mais e valeu, galera!

Carregando publicação patrocinada...
1
0
1
1

Massa, espero que curta, qualquer coisa pode me chamar!

Também Tenho esse problema, por conta do trabalho, acabo ficando facilmente com mais de 60 abas abertas em várias janelas, além do que deixo para ver depois.

1

Acabei testando aqui a ferramenta e um ponto é dar a opção de deixar o plano de fundo unicolor, isso poupa tempo de rendenização e não limita o plano de fundo as imagens. E eu gostei bastante, a medida que eu for achando algo vou falando.

1

Você tem razão, vou adicionar essa opção, talvez para o próximo release. Estou adicionando a parte de Documentos (ou notes, estilo Notion).
Muito obrigado pelo feedback!

1

Opa, mais um ponto de melhoria.

Imagem

aqui quando estou salvando os links dentro da pasta deveria ter um botão de adicionar apenas um link (Pode ser até manualmente), porém só me dar opção de salvar todos que tem aberto. Continuo adorando a extensão.

2

Muito massa, obrigado pelo feedback! Vou adicionar isso na lista de tarefas, e ver como melhor encaixar no layout, haha.

1
1
0
0