reactjs18 virtualspeakz Download - reactjs18 virtualspeakz Source Source Download

reactjs18 virtualspeakz

โค้ดแหล่งที่มา AI

v1.0.0

ดาวน์โหลด

แบนเนอร์โครงการ

VirtualSpeakz AI Messenger

VirtualSpeakz-AI Messenger เป็นแอปพลิเคชั่นแชทที่ยอดเยี่ยมที่รวมบอท GPT ที่ชาญฉลาดสำหรับผู้ช่วยแชทและการเข้ารหัสที่สร้างขึ้นด้วย ChatEngine & Openai

ดูการสาธิต · เอกสาร · รายงานข้อผิดพลาด · คุณลักษณะการร้องขอ

- สารบัญ

เกี่ยวกับโครงการ
- โครงสร้างโฟลเดอร์
- ตัวแปรสภาพแวดล้อม
- ซ้อนเทค
เริ่มต้น
- การติดตั้ง
- วิ่งในพื้นที่
การบริจาค
ใบอนุญาต
ติดต่อ
กิตติกรรมประกาศ

- เกี่ยวกับโครงการ

พื้นที่เก็บข้อมูลนี้เป็นที่ตั้งของแอปพลิเคชั่นแชท AI ที่ยอดเยี่ยมที่รวมบอท Openai ที่ฉลาดสำหรับผู้ช่วยแชทและการเข้ารหัส - สร้างขึ้นด้วย @chatengine -io & @openai api -

! โครงสร้างโฟลเดอร์

นี่คือโครงสร้างโฟลเดอร์ของ Messenger VirtualSpeakz-AI

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

- ตัวแปรสภาพแวดล้อม

ในการใช้ VirtualSpeakz-AI Messenger คุณต้องเพิ่มตัวแปรสภาพแวดล้อมบางอย่างลงในไฟล์. ENV, VirtualSpeakz-AI ใช้ API ของ OpenAI และ API เอ็นจิ้นแชทของ OpenAI ดังนั้นคุณจะต้องสร้างคีย์ OpenAI API ที่นี่และบัญชีแชทเอ็นจิ้นที่นี่เพื่อเรียกใช้ WebApp นี้

ฝั่งไคลเอ็นต์ [ไคลเอนต์/. env]

สร้างไฟล์ .env ใน client/ ไดเรกทอรีและเพิ่มตัวแปรสภาพแวดล้อมต่อไปนี้:

 VITE_BASE_URL = <SERVER_URL>
VITE_PROJECT_ID = <CHAT_ENGINE_PROJECT_ID>

ฝั่งเซิร์ฟเวอร์ [เซิร์ฟเวอร์/.env]

สร้างไฟล์ .env ใน server/ ไดเรกทอรีและเพิ่มตัวแปรสภาพแวดล้อมต่อไปนี้:

 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>

รายละเอียดบัญชี

ในการใช้แอพพลิเคชั่นแชท VirtualSpeak-AI คุณจะลงทะเบียนและสร้างแชท การใช้การแชท AI จะทำเช่นนั้นการสร้างแชทชื่อ AI-{Chat/Code/Assist} รายละเอียดสำหรับบัญชีที่มีการแชททั้งหมดอยู่:

Username: Admin
Password: 123321

- ซ้อนเทค

(กลับไปด้านบน)

- เริ่มต้น

การติดตั้ง

ขั้นตอนที่ 1:

ดาวน์โหลดหรือโคลน repo นี้โดยใช้ลิงค์ด้านล่าง:

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

ขั้นตอนที่ 2:

VirtualSpeakz-AI โดยใช้ NPM (Node Package Manager) ดังนั้นตรวจสอบให้แน่ใจว่าติดตั้ง node.js โดยดำเนินการคำสั่งต่อไปนี้ในคอนโซล:

  node -v

ขั้นตอนที่ 3:

ที่โฟลเดอร์หลักดำเนินการคำสั่งต่อไปนี้ในคอนโซลเพื่อรับการอ้างอิงที่ต้องการ:

  npm install

ขั้นตอนที่ 4:

ที่โฟลเดอร์หลักดำเนินการคำสั่งต่อไปนี้ในคอนโซลเพื่อสร้างไดเรกทอรี บิล

  npm run build

ขั้นตอนที่ 5:

ที่โฟลเดอร์หลักจะดำเนินการคำสั่งต่อไปนี้ในคอนโซลเพื่อเรียกใช้เซิร์ฟเวอร์:

  npm run start

- วิ่งในพื้นที่

ขั้นตอนที่ 1:

ที่โฟลเดอร์หลักดำเนินการคำสั่งต่อไปนี้ในคอนโซลเพื่อรับการอ้างอิงที่ต้องการ:

  npm install

ขั้นตอนที่ 2:

ที่โฟลเดอร์หลักจะดำเนินการคำสั่งต่อไปนี้ในคอนโซลเพื่อเรียกใช้เซิร์ฟเวอร์การพัฒนา:

  npm run dev

(กลับไปด้านบน)

การบริจาค

ยินดีต้อนรับการมีส่วนร่วมเสมอ!

ดู contributing.md สำหรับวิธีการเริ่มต้น

การมีส่วนร่วมคือสิ่งที่ทำให้ชุมชนโอเพ่นซอร์สเป็นสถานที่ที่น่าทึ่งในการเรียนรู้สร้างแรงบันดาลใจและสร้าง การมีส่วนร่วมใด ๆ ที่คุณทำ จะได้รับการชื่นชมอย่างมาก

หากคุณมีข้อเสนอแนะที่จะทำให้สิ่งนี้ดีขึ้นโปรดแยก repo และสร้างคำขอดึง นอกจากนี้คุณยังสามารถเปิดปัญหาด้วยแท็ก "การปรับปรุง" อย่าลืมให้โครงการเป็นดารา! ขอบคุณอีกครั้ง!