shark chat js Téléchargement - shark chat js Téléchargement du code source

shark chat js

Code Source AI

Shark Chat Beta 4.1

Télécharger

Chat de requin

Une application de chat construite avec TRPC, Tailwind CSS, Ably, Redis, Cloudinary, Drizzle Orm, Next.js.

Ce référentiel est un monorepo (turborepo).

prévisualisation

Caractéristiques

Créer, mettre à jour, supprimer le groupe de chat
Envoyer, mettre à jour, supprimer le message
Markdown (GFM, tableaux pris en charge), mise en surbrillance du code, latex dans les messages
Messages de référence
Embeds de message (affichez les données de graphe ouverte des liens dans le message)
Envoyer des images / fichiers via le message, les images zoom-in
Message direct avec n'importe qui
Voir et botter les membres du groupe
Emotes personnalisées
Inviter les membres du groupe via l'invitation du code ou de l'URL
Télécharger les images de l'avatar de l'utilisateur, de la bannière de groupe et d'icônes
Afficher la notification lorsque le nouveau message reçu
Rédacteur de messages alimenté par AI
Chatbot AI intégré (alimenté par Inworld)
Supprimer les comptes
Mode clair et sombre
100% dactylographié

Jouez avec: https://shark-chat.vercel.app
En savoir plus: https://shark-chat.vercel.app/info

Jouez avec localement

Shark Chat intégré à de nombreux services tiers pour prendre en charge un large éventail de fonctionnalités et fonctionner parfaitement sur un environnement sans serveur.

Ainsi, vous devez enregistrer un compte pour chaque service afin de configurer correctement le projet avant de jouer avec lui localement. Veuillez remplir toutes les variables d'environnement dans le .env.example.

Aubier

Créez une base de données Redis sur leur site Web et obtenez REDIS_URL , REDIS_TOKEN à partir de la console.

Abalement en temps réel

Créez un nouveau projet sur https://ably.com, collez ABLY_API_KEY en varibles d'environnement.

Base de données

Par défaut, il utilise du slizzle ORM avec un PosTresql sans serveur Neon Stern pour la base de données. Vous pouvez utiliser d'autres fournisseurs si vous préférez.

Créez une base de données PosTresql et obtenez votre DATABASE_URL .

Nuageux

Créez un nouveau projet sur https://coudinary.com, copiez le nom du cloud, la clé et le secret de l'API.

Auth suivant

Remplissez NEXTAUTH_URL et NEXTAUTH_SECRET , lisez leurs documents pour plus de détails.

Actuellement, seul GitHub OAuth est pris en charge. Suivez ce guide pour configurer l'application OAuth sur GitHub, générez un GITHUB_ID avec GITHUB_SECRET .