reactjs18 virtualspeakz Unduh - reactjs18 virtualspeakz Sumber Code Unduh

reactjs18 virtualspeakz

Kode Sumber AI

v1.0.0

Unduh

Spanduk Proyek

VirtualSpeakz AI Messenger

VirtualSpeakz-Ai Messenger adalah aplikasi obrolan yang fenomenal yang mengintegrasikan bot GPT pintar untuk asisten, obrolan, dan pengkodean yang dibangun dengan chatengine & openai.

Lihat Demo · Dokumentasi · Laporkan Bug · Meminta Fitur

? Daftar isi

Tentang proyek
- Struktur folder
- Variabel Lingkungan
- Tumpukan teknologi
Memulai
- Instalasi
- Jalankan secara lokal
Berkontribusi
Lisensi
Kontak
Ucapan Terima Kasih

? Tentang proyek

Repositori ini memiliki aplikasi obrolan AI yang fenomenal yang mengintegrasikan bot openai pintar untuk asisten, obrolan dan pengkodean - dibangun dengan @chatengine -io & @openai API. ?

‼ ️ Struktur folder

Berikut adalah struktur folder dari VirtualSpeakz-Ai Messenger .

VirtualSpeakz-AI-Messenger/
| - client/
  | - public/
  | - src/
    | - assets/
    | - components/
      | - chat/
        | - index.jsx
      | - header/
        | - index.jsx
      | - login/
        | - index.jsx
      | - messageForm/
        | - Ai.jsx
        | - AiAssist.jsx
        | - AiCode.jsx
        | - MessageFormUI.jsx
        | - StandardMessageForm.jsx
    | - state/
      | - api.js
    | - App.jsx
    | - index.scss
    | - main.jsx
    | - .env
    | - jsconfig.json
    | - .eslintrc.json
    | - vite.config.js
    | - package.json
| - server/
  | - routes/
    | - auth.js
    | - openai.js
  | - index.js
  | - .env
  | - package.json

? Variabel Lingkungan

Untuk menggunakan messenger VirtualSpeakz-Ai, Anda harus menambahkan beberapa variabel lingkungan ke file .env, VirtualSpeakz-ai menggunakan API Openai dan API mesin obrolan, jadi, Anda telah membuat kunci API OpenAI di sini dan akun mesin obrolan di sini, untuk menjalankan Webapp ini, memenuhi persyaratan di bawah ini.

sisi klien [klien/.env]

Buat file .env di client/ direktori & tambahkan variabel lingkungan berikut:

 VITE_BASE_URL = <SERVER_URL>
VITE_PROJECT_ID = <CHAT_ENGINE_PROJECT_ID>

sisi server [server/.env]

Buat file .env di server/ direktori & tambahkan variabel lingkungan berikut:

 PORT = <PORT>
OPENAI_API_KEY = <OPEN_AI_API_KEY>
CE_PROJECT_ID = <CHAT_ENGINE_PROJECT_ID>
CE_PRIVATE_KEY = <CHAT_ENGINE_PRIVATE_KEY>
CE_BOT_USER_NAME = <SYSTEM_AI_BOT_USER_NAME>
CE_BOT_USER_SECRET = <SYSTEM_AI_BOT_USER_SECRET>

Detail Akun

Untuk menggunakan Aplikasi Obrolan VirtualSpeak-AI, Anda akan mendaftar dan membuat obrolan. Penggunaan Obrolan AI akan melakukannya membuat obrolan bernama AI-{Chat/Code/Assist} . Detail untuk akun di mana semua obrolan ada:

Username: Admin
Password: 123321

? Tumpukan teknologi

(kembali ke atas)

? Memulai

Instalasi

Langkah 1:

Unduh atau klon repo ini dengan menggunakan tautan di bawah ini:

 https://github.com/ladunjexa/VirtualSpeakz-AI-Messenger

Langkah 2:

VirtualSpeakz-AI menggunakan NPM (Node Package Manager), oleh karena itu, pastikan bahwa Node.js diinstal dengan menjalankan perintah berikut di konsol:

  node -v

Langkah 3:

Di folder utama menjalankan perintah berikut di konsol untuk mendapatkan dependensi yang diperlukan:

  npm install

Langkah 4:

Di folder utama menjalankan perintah berikut di konsol untuk membuat direktori build dengan build produksi virtualspeakz-ai :

  npm run build

Langkah 5:

Di folder utama menjalankan perintah berikut di konsol untuk menjalankan server:

  npm run start

? Jalankan secara lokal

Langkah 1:

Di folder utama menjalankan perintah berikut di konsol untuk mendapatkan dependensi yang diperlukan:

  npm install

Langkah 2:

Di folder utama menjalankan perintah berikut di konsol untuk menjalankan server pengembangan:

  npm run dev

(kembali ke atas)

Berkontribusi

Kontribusi selalu diterima!

Lihat contributing.md untuk cara memulai.

Kontribusi inilah yang membuat komunitas open source menjadi tempat yang luar biasa untuk belajar, menginspirasi, dan menciptakan. Kontribusi apa pun yang Anda buat sangat dihargai .

Jika Anda memiliki saran yang akan membuat ini lebih baik, silakan garukan repo dan buat permintaan tarik. Anda juga bisa membuka masalah dengan tag "peningkatan". Jangan lupa memberi proyek bintang! Terima kasih lagi!