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!
Fonte: https://octab.app