shark chat js

Obrolan hiu

Aplikasi obrolan yang dibangun dengan TRPC, CSS Tailwind, Ably, Redis, Cloudinary, gerimis ORM, Next.js.

Repositori ini adalah monorepo (turborepo).

Fitur

• Buat, perbarui, hapus grup obrolan
• Kirim, perbarui, hapus pesan
• Markdown (GFM, Tabel Didukung), penyorotan kode, lateks dalam pesan
• Pesan referensi
• Pesan Embeds (Tampilkan Data Tautan Terbuka Terbuka dalam Pesan)
• Kirim gambar/file melalui pesan, gambar zoom-in
• Pesan langsung dengan siapa pun
• Anggota Lihat & Kick Group
• Emosi khusus
• Undang Anggota Grup melalui Kode atau URL Undang
• Unggah Avatar Pengguna, Banner Grup dan Ikon Gambar
• Tampilkan pemberitahuan saat pesan baru diterima
• Penulis pesan bertenaga AI
• Chatbot AI built-in (ditenagai oleh inworld)
• Hapus akun
• Mode terang & gelap
• 100% naskah

Mainkan dengan itu: https://shark-cat.vercel.app
Pelajari lebih lanjut: https://shark-ratcat.vercel.app/info

Bermain dengannya secara lokal

Obrolan hiu terintegrasi dengan banyak layanan pihak ketiga untuk mendukung spektrum fitur yang luas dan bekerja dengan sempurna di lingkungan tanpa server.

Dengan demikian, Anda harus mendaftarkan akun untuk setiap layanan untuk mengatur proyek dengan benar sebelum bermain dengannya secara lokal. Harap isi semua variabel lingkungan di .env.example.

Upstash

Buat database Redis di situs web mereka dan dapatkan REDIS_URL , REDIS_TOKEN dari konsol.

Dengan cakap realtime

Buat proyek baru di https://ably.com, tempel ABLY_API_KEY ke dalam varible lingkungan.

Database

Secara default, menggunakan Gerimis ORM dengan Neon Serverless PostresQL untuk database. Anda dapat menggunakan penyedia lain jika lebih suka.

Buat database PosTRESQL dan dapatkan DATABASE_URL Anda.

Cloudinary

Buat proyek baru di https://cloudinary.com, salin nama cloud, kunci dan rahasia API.

Auth berikutnya

Isi NEXTAUTH_URL dan NEXTAUTH_SECRET , baca dokumen mereka untuk rincian lebih lanjut.

Saat ini, hanya Github Oauth yang didukung. Ikuti panduan ini untuk mengatur aplikasi OAuth di GitHub, hasilkan GITHUB_ID dengan GITHUB_SECRET .

Mode Pengembangan

Jalankan pnpm run dev dan edit file untuk melihat perubahan.

Membangun dari sumber

Proyek ini menggunakan Turborepo dan PNPM.

pnpm run build

Itu harus dapat digunakan di Vercel atau platform lainnya.