đŸ“€Criei um app com Electron Ăștil para mim. Talvez seja para vocĂȘ !

Olavo Mello
3 min readApr 7, 2023
Criei um app Tray com Electron simples e bem Ăștil

E aĂ­ galera, eu queria compartilhar com vocĂȘs um appzinho que desenvolvi e uso demais no dia a dia para facilitar o acesso Ă s minhas redes sociais e de quebra ainda ajuda a manter meu desktop organizado e meu navegador sem um monte de abas e janelas abertas.

Trayzinho App

EntĂŁo, como eu disse, o app nĂŁo tem nome porque a idĂ©ia nĂŁo Ă© que seja comercial. SĂł Ăștil :) Para facilitar nosso papo aqui vamos chamĂĄ-lo de “Trayzinho” por motĂ­vos Ăłbvios. Pra quem nĂŁo sabe, Tray Ă© uma aplicação que roda na taskbar do sistema operacional dos computadores desktops e notebooks.

O meu Trayzinho é feito com Electron e é super simples, mas muito pråtico. Com apenas dois cliques, consigo acessar todas as minhas redes sociais que mais utilizo. E o melhor de tudo, não preciso ficar digitando login e senha toda vez que quero ver uma notificação ou post novo.

Eu jĂĄ configurei todas as minhas contas nas redes sociais e agora Ă© sĂł clicar no Ă­cone do Trayzinho na barra de tarefas e escolher qual rede social eu quero acessar. E Ă© isso aĂ­, simples assim.

Outra coisa legal do meu Trayzinho Ă© que ele Ă© personalizĂĄvel. Eu posso escolher quais redes sociais eu quero incluir e quais eu nĂŁo quero, recompilar e jĂĄ era.

O que Ă© o Electron ?

Se vocĂȘ nunca ouvir falar no Electron, ele Ă© um framework de desenvolvimento de aplicativos de desktop incrĂ­vel!

“Crie aplicativos desktop usando tecnologias web, como HTML, CSS e JavaScript.”

Basicamente, o Electron permite que vocĂȘ crie aplicativos desktop usando tecnologias web, como HTML, CSS e JavaScript. Ele Ă© super legal porque vocĂȘ pode desenvolver um aplicativo que funciona em diferentes sistemas operacionais, como Windows, Mac e Linux, usando tecnologias que vocĂȘ jĂĄ conhece.

Isso significa que vocĂȘ pode criar um Ășnico aplicativo e distribuĂ­-lo para diferentes plataformas sem precisar reescrever o cĂłdigo do zero. AlĂ©m disso, o Electron tem vĂĄrias bibliotecas e recursos que ajudam muito no desenvolvimento, entĂŁo vocĂȘ pode economizar tempo e esforço.

Algumas utilizaçÔes pråticas do Electron

Com o Electron, vocĂȘ pode criar aplicativos desktop incrĂ­veis e super Ășteis, como editores de texto, clientes de e-mail, navegadores e muito mais. E o melhor Ă© que vocĂȘ pode personalizar o aplicativo de acordo com as suas necessidades, adicionando as funcionalidades que vocĂȘ quiser.

EntĂŁo, se vocĂȘ Ă© um desenvolvedor web e estĂĄ pensando em criar um aplicativo de desktop, nĂŁo deixe de considerar o Electron. Ele Ă© uma opção incrĂ­vel que vai te ajudar a desenvolver um aplicativo poderoso, rico em recursos e que pode rodar em diferentes plataformas.

Finalizando

Devem existir apps que fazem coisas parecidas com o que faz o Trayzinho, mas eu quis criar o meu prĂłprio, com as minhas preferĂȘncias e necessidades. Acho incrĂ­vel o que podemos fazer com o conhecimento certo, muitas vezes com poucas lĂ­nhas de cĂłdigo. É uma das grandes vantagens de ser Dev, nĂŁo Ă© ?

TĂĄ no Git

E se alguém aí quiser testar e usar é só clonar lå no Git.
Quem sabe um dia meu Trayzinho não vira um app famoso 😂😂😂

Aproveita, testai o Trayzinho e me conecta lĂĄ no Linkedin.

--

--

Olavo Mello

CTO | Senior Full Stack Developer | Startup Expert | Javascript - Reactjs + React Native + Nodejs + TypeScript + Nextjs | PHP | MySQL