shark chat js

Chat de tiburón

Una aplicación de chat construida con TRPC, Tailwind CSS, Ably, Redis, Cloudinary, Rloizdle Orm, Next.js.

Este repositorio es un Monorepo (Turborepo).

Características

• Crear, actualizar, eliminar el grupo de chat
• Enviar, actualizar, eliminar el mensaje
• Markdown (GFM, tablas compatibles), resaltado de código, látex en mensajes
• Mensajes de referencia
• Incrustes de mensajes (mostrar datos de gráfico abierto de enlaces en el mensaje)
• Enviar imágenes/archivos a través del mensaje, Imágenes zoom-in
• Mensaje directo con cualquier persona
• Miembros del Grupo Ver y Kick
• Emotes personalizados
• Invitar a los miembros del grupo a través de código de invitación o URL
• Cargar avatar de usuario, banner grupal e imágenes de iconos
• Mostrar notificación cuando recibió un nuevo mensaje
• Escritor de mensajes con IA
• Chatbot de IA incorporado (alimentado por InWorld)
• Eliminar cuentas
• Modo Light & Dark
• 100% mecanografiado

Juega con él: https://shark-chat.vercel.app
Obtenga más información: https://shark-chat.vercel.app/info

Juega con él localmente

Shark Chat integrado con muchos servicios de terceros para admitir un amplio espectro de características y trabajar perfectamente en un entorno sin servidor.

Por lo tanto, debe registrar una cuenta para cada servicio para configurar el proyecto correctamente antes de jugar con él localmente. Por favor, llene todas las variables de entorno en .env.example.

Estallido

Cree una base de datos Redis en su sitio web y obtenga REDIS_URL , REDIS_TOKEN desde la consola.

Hábilmente en tiempo real

Cree un nuevo proyecto en https://lact.com, pegue ABLY_API_KEY en Varibles de entorno.

Base de datos

De forma predeterminada, utiliza Rizzle ORM con Neon Server Sin Servidor PosttresQL para la base de datos. Puede usar otros proveedores si lo prefiere.

Cree una base de datos postresql y obtenga su DATABASE_URL .

Nube

Cree un nuevo proyecto en https://cloudinary.com, copie el nombre de la nube, la clave y el secreto API.

Autor siguiente

Llene NEXTAUTH_URL y NEXTAUTH_SECRET , lea sus documentos para obtener más detalles.

Actualmente, solo es compatible con Github Oauth. Siga esta guía para configurar la aplicación OAuth en GitHub, genere un GITHUB_ID con GITHUB_SECRET .

Modo de desarrollo

Ejecute pnpm run dev y editar archivos para ver cambios.

Construir desde la fuente

Este proyecto utiliza Turborepo y PNPM.

pnpm run build

Debería poder implementar en Vercel o cualquier otra plataforma.