shark chat js

Hai -Chat

Eine Chat -App, die mit TRPC, Tailwind CSS, geschickt, Redis, Wolkin, Nieselregen oder NEWS.Js. erstellt wurde.

Dieses Repository ist ein Monorepo (Turborepo).

Merkmale

• Erstellen, aktualisieren, Chat -Gruppe löschen
• Senden, aktualisieren, Nachrichten löschen
• Markdown (GFM, Tabellen unterstützt), Code -Hervorhebung, Latex in Nachrichten
• Referenzmeldungen
• Nachrichteneinbettungen (Zeigen Sie die Daten von Links in der Nachricht an.
• Senden Sie Bilder/Dateien per Nachricht, Bilder zoom
• Direktnachricht mit jedem
• Mitglieder der Gruppe ansehen und Kick -Gruppen
• Benutzerdefinierte Emotes
• Laden Sie Gruppenmitglieder per Einladungscode oder URL ein
• Laden Sie den Benutzer Avatar, Gruppenbanner und Icon -Bilder hoch.
• Benachrichtigung anzeigen, wenn eine neue Nachricht empfangen wird
• KI-betriebener Nachrichtenschreiber
• Integriertes KI-Chatbot (betrieben von Inworld)
• Konten löschen
• Hell & Dark -Modus
• 100% TypeScript

Spiel damit: https://shark-chat.vercel.app
Erfahren Sie mehr: https://shark-chat.vercel.app/info

Spiele vor Ort damit

Shark-Chat integriert mit vielen Diensten von Drittanbietern, um ein breites Spektrum an Funktionen zu unterstützen und perfekt in der serverlosen Umgebung zu arbeiten.

Daher müssen Sie ein Konto für jede Dienste registrieren, um das Projekt korrekt einzurichten, bevor Sie es lokal spielen. Bitte füllen Sie alle Umgebungsvariablen im .env.example aus.

Aufstieg

Erstellen Sie eine Redis -Datenbank auf ihrer Website und erhalten Sie REDIS_URL , REDIS_TOKEN von der Konsole.

Echtzeit in Echtzeit

Erstellen Sie ein neues Projekt auf https://yyly.com, fügen Sie ABLY_API_KEY in Umgebungsvarimen ein.

Datenbank

Standardmäßig wird Nieselregen mit Neon serverloser poststresql für Datenbank verwendet. Sie können andere Anbieter verwenden, wenn Sie es vorziehen.

Erstellen Sie eine poststresql -Datenbank und erhalten Sie Ihre DATABASE_URL .

Wolkend

Erstellen Sie ein neues Projekt auf https://cloudinary.com, kopieren Sie den Cloud -Namen, den Schlüssel und den API -Geheimnis.

Nächstes Auth

Füllen Sie NEXTAUTH_URL und NEXTAUTH_SECRET und lesen Sie ihre Dokumente für weitere Details.

Derzeit wird nur Github OAuth unterstützt. Befolgen Sie diese Anleitung zum Einrichten der OAuth -App auf GitHub und generieren Sie eine GITHUB_ID mit GITHUB_SECRET .

Entwicklungsmodus

Führen Sie pnpm run dev und bearbeiten Sie Dateien, um Änderungen anzuzeigen.

Aus der Quelle bauen

Dieses Projekt verwendet Turborepo und PNPM.

pnpm run build

Es sollte in der Lage sein, auf Vercel oder anderen Plattformen bereitzustellen.