Clone do Slack usando ReactJS e Back4App – NoCode

Neste artigo, você aprenderá como implantar um aplicativo clone do Slack no Vercel usando Back4App como back-end.

O aplicativo Slack Clone é construído com React (frontend) e Back4App (backend) usando alguns recursos-chave do Parse como Auth, consultas em tempo real e relacionais. O aplicativo pode ser facilmente implantado no Vercel sem nenhum código usando as etapas abaixo.

Visão geral do Slack

Slack é um aplicativo de comunicação de negócios eficaz e eficiente que pode ser usado como uma plataforma completa para suas necessidades de comunicação de negócios. Mais importante ainda, oferece funcionalidades incríveis, como:

• Mensagens em tempo real

• Arquivamento de arquivo

• Buscas

• Compartilhamento de arquivos e muito mais.

Esta plataforma foi projetada especificamente para equipes modernas. Assim, a equipe pode gerenciar toda a sua comunicação online em um único espaço. Ainda mais, as conversas aqui são instantaneamente pesquisáveis ​​e acessíveis com qualquer dispositivo que você estiver usando imediatamente.

Felizmente, o Slack está trabalhando com mais de 1.500 serviços e aplicativos externos para fornecer a você uma plataforma totalmente flexível e extensível da melhor maneira possível.

Usuários pagantes do Slack

De acordo com a Statista o Slack tem atendido a mais de 12 milhões de usuários ativos diariamente desde outubro de 2019. O Slack é um hub de colaboração americano que vem expandindo sua base de usuários significativamente desde seu início em 2013.

Surpreendentemente, a maioria dos usuários do Slack vem de fora dos Estados Unidos da América, incluindo alguns dos principais mercados, como Japão, França, Alemanha, Grã-Bretanha e Austrália.

Mais do que isso, o Slack também passou por uma grande mudança nos usuários pagantes desde 2019. Isso se deve principalmente à conveniência do Slack para seus usuários em termos de comunicação da equipe. Além disso, a atitude que Slack tem em relação a uma cultura de equipe aprimorada.

No geral, os incríveis recursos e benefícios do Slack têm ajudado a melhorar sua base geral de usuários que pagam pouco da melhor maneira possível.

Recursos do Slack

O Slack oferece vários recursos no estilo IRC que incluem salas de chat persistentes organizadas por tópicos, mensagens diretas e grupos privados para discussões importantes. Mais importante ainda, todo o conteúdo disponível no Slack, sejam conversas ou arquivos, tudo aqui é pesquisável.

Ainda mais, os usuários também podem incluir botões de emoji em seus bate-papos. Outros usuários podem clicar nesses emojis para dar suas reações.

Não só isso, mas até a versão gratuita do Slack também oferece todos os recursos essenciais. Pode até permitir que você pesquise bate-papos e arquivos de suas 10.000 mensagens recentes. Ainda mais, o Slack também redesenhou sua plataforma para aprimorar a experiência do usuário da melhor maneira possível.

Com isso, agora você também pode aproveitar alguns dos recursos mais incríveis do Slack. Vamos conhecer esses recursos empolgantes, porém importantes, do Slack a seguir para ter uma ideia melhor sobre esse assunto.

Times

As equipes do Slack podem permitir que você use essa plataforma para ingressar em um espaço de trabalho por meio de um determinado convite enviado pelo proprietário ou administrador da equipe. Embora a plataforma tenha se desenvolvido como uma ferramenta de comunicação empresarial, ela foi adotada ao longo do tempo como uma plataforma da comunidade.

Integrações

O Slack também está se integrando a vários aplicativos e serviços de terceiros, como Tello, Google Drive, Dropbox, GitHub, Crashlytics e muito mais. O Slack está permitindo que seus usuários instalem todos esses aplicativos do diretório do software Slack com facilidade.

Mensagens

Os canais públicos podem permitir que as equipes interajam sem qualquer uso de SMS ou e-mail em grupo. É porque os canais públicos estão abertos para serem usados ​​por todos no local de trabalho.

No entanto, para conversas privadas, os usuários podem criar canais privados. Eles também podem ser usados ​​para gerenciar equipes maiores com facilidade.

Você também pode enviar uma mensagem direta a um usuário específico, em vez de a um grupo, sempre que necessário.

API

O Slack também fornece uma API para os usuários criarem aplicativos e automatizarem seus processos, incluindo o envio de mensagens automaticamente com base na entrada humana, o envio de alertas de notificação para certas condições ou a criação de tíquetes de suporte interno automaticamente.

Clone do Slack

Vá para o HUB do banco de dados e clone o template do Slack.

Acesse suas chaves

Ino painel do Back4App, navegue até “Configurações do aplicativo -> Segurança e chaves” e copie o Application ID e o JavaScript Key.

Ative o Real-Time

Navegue para “App Settings -> Server Settings -> Server URL and Live Query”. Ative seu subdomínio Back4App gratuito e, em seguida, ative o Live Query, lembrando-se de ativá-lo no Channel e Message. Copie o URL completo do subdomínio Back4App.

Deploy no Vercel

Clique no botão de implantação abaixo:

No Vercel você deve informar as 3 variáveis ​​copiadas nas etapas anteriores: Application ID, Javascript Key e Live Query URL (URL do subdomínio).

Clique em implantar. Agora você tem um aplicativo clone do Slack em execução no Vercel!

O código

Se você deseja entender melhor o template, acesse os links abaixo:

Guia técnico – Como funciona o template Slack Clone

ReactJS Code – Javascript

Typescript Code – Typescript

Conclusão

Este artigo forneceu uma visão geral do Slack, dos principais recursos e dos usuários pagantes. Além disso, ele explicou como implantar um aplicativo Slack Clone usando ferramentas de baixo código como Back4app e Vercel.

FAQ