shark chat js

Chat de tubarão

Um aplicativo de bate -papo construído com TRPC, Tailwind CSS, habilmente, Redis, Cloudinary, Drizzle Orm, Next.JS.

Este repositório é um monorepo (turborepo).

Características

• Criar, atualizar, excluir o grupo de bate -papo
• Enviar, atualizar, excluir mensagem
• Markdown (GFM, tabelas suportadas), destaque de código, látex em mensagens
• Mensagens de referência
• Mensagem incorporar (exibir dados de graph aberto de links na mensagem)
• Envie imagens/arquivos por mensagem, imagens Zoom-in
• Mensagem direta com qualquer um
• Membros do Grupo de View & Kick
• Emotes personalizados
• Convide membros do grupo por meio de código de convite ou URL
• Carregue o Avatar do Usuário, Banner de Grupo e Imagens de Icon
• Mostre notificação quando nova mensagem recebida
• Escritor de mensagens movido a IA
• Chatbot de AI embutido (alimentado pela Inworld)
• Excluir contas
• Modo claro e escuro
• 100% datilografado

Brinque com ele: https://shark-chat.vercel.app
Saiba mais: https://shark-chat.vercel.app/info

Brinque com ele localmente

O tubarão-bate-papo integrado a muitos serviços de terceiros para suportar amplo espectro de recursos e funcionar perfeitamente no ambiente sem servidor.

Portanto, você deve registrar uma conta para cada serviço para configurar o projeto corretamente antes de jogar com ele localmente. Por favor, preencha todas as variáveis de ambiente no .env.example.

Upstash

Crie um banco de dados Redis em seu site e obtenha REDIS_URL , REDIS_TOKEN do console.

Habilmente em tempo real

Crie um novo projeto em https://aility.com, cola ABLY_API_KEY em variáveis de ambiente.

Banco de dados

Por padrão, ele usa o Drizzle ORM com o NEON Serverless Postresql para o banco de dados. Você pode usar outros provedores, se preferir.

Crie um banco de dados POSTRESQL e obtenha seu DATABASE_URL .

Cloudinary

Crie um novo projeto em https://cloudinary.com, copie o nome da nuvem, a chave e o segredo da API.

Próximo Auth

Preencha NEXTAUTH_URL e NEXTAUTH_SECRET , leia seus documentos para obter mais detalhes.

Atualmente, apenas o Github Oauth é suportado. Siga este guia para configurar o aplicativo OAuth no github, gerar um GITHUB_ID com GITHUB_SECRET .

Modo de desenvolvimento

Execute pnpm run dev e Edite Arquivos para ver as alterações.

Construir a partir da fonte

Este projeto usa turborepo e pnpm.

pnpm run build

Deve ser capaz de implantar no Vercel ou em qualquer outra plataforma.