TabNews Reader - Google Chrome Extension

Como gosto sempre de acompanhar as novidades no TabNews, resolvi criar uma Extensão para o Chrome para facilitar meu dia a dia.

Uma extensão pode ser útil para vários projetos e situações específicas, por isso resolvi disponibilizar a você para que entenda um pouco mais como uma extensão para o Google Chrome pode ser útil e simples de ser implementada. Além disto você que provavelmente é leitor assíduo do TabNews, terá uma forma fácil de acompanhar os artigos. 😀

🎥 Postei um making-of do projetinho no meu Linkedin. Saca só ! E tá lá no Github também!🤘

Sinta-se a vontade para enviar seus PR e melhor a implementação desse pequeno projeto. Abaixo descrevo um pouco mais como ele é e alguns desafios para implementá-lo.

TabNews Reader

Leitor RSS do TabNews com função de listagem de artigos recentes e opção Dark Mode ativa de acordo com a seleção padrão do usuário.

Desafios

Logicamente este não é um projeto oficial TabNews, sendo assim o acesso ao RSS é bloqueado via CORS. Para contornar a leitura dos dados utilizei um Proxy free de roteamento que basicamente carrega os dados e devolve para a aplicação.

Update 20/04/2023 :

1 ) Seguindo a sugestão do @filipedeschamps, atualizei o projeto e utilizarei a API do TabNews : /api/v1/contents evitando assim a necessidade de utilizar um Proxy intermediário e aumentando a velocidade de resposta aos dados. Valeu Filipe ;)

2 ) Agora temos os tópicos em alta em destaque 🔥

Usage

Instalando a extensão no Google Chrome:

• Mais Ferramentas;
• Extensões;
• Ative o "Modo do desenvolvedor" no topo direito;
• Botão "Carregar sem compactação" topo esquerdo;
• Localize a pasta do projeto em seu computador e clique em "Selecionar pasta";

Pronto. A extensão TabNews Reader estará instada em seu navegador. Basta acessá-la junto as outras extensões.

Google Chrome Store

É possível compactar e enviar a extensão para a Chrome Store, porém a um custo único para desenvolvedores de extensões. Como não é o meu caso,
não subirei para a store ( por enquanto ) ;)

Para quem quiser saber mais sobre como subir sua extensão para a Google Chrome Store:
https://developer.chrome.com/docs/webstore/register/

Finalizando

Bom é isso ai. Espero este material seja útil a você e em seus projetos.

Me siga no Linkedin e fique por dentro de muitas coisas mais pela frente 🚀

English version : Medium