nexttalk frontend

nexttalk frontend

NextTalk เป็นแอปพลิเคชั่นแชทแบบเรียลไทม์ที่รองรับทั้งแชทส่วนตัวและแชทกลุ่ม นี่คือโค้ดเบสส่วนหน้าของแอปพลิเคชันที่สร้างโดยใช้ Next.js และ Prisma ORM ฐานข้อมูลที่ใช้คือ MongoDB

หมายเหตุ: นี่คือโค้ดเบสส่วนหน้าของแอปพลิเคชัน โค้ดเบสแบ็กเอนด์สามารถพบได้ที่นี่

การติดตั้ง

หากต้องการเรียกใช้แอปพลิเคชันภายในเครื่อง ให้ทำตามขั้นตอนเหล่านี้:

1. โคลนที่เก็บ:

    git clone https://github.com/innovatorved/nexttalk-backend.git

2. ติดตั้งการพึ่งพา:

    cd nexttalk-frontend
    npm install

3. ตั้งค่าตัวแปรสภาพแวดล้อม:

    cp .env.example .env.local

4. ตั้งค่าคอนฟิกูเรชัน Prisma

    npx prisma generate

5. เริ่มเสิร์ฟ:

สำหรับเซิร์ฟเวอร์การพัฒนาให้เปลี่ยนตัวแปร NODE_ENV ใน .env.local เป็นการ development และรันคำสั่งต่อไปนี้:

    npm run dev

สำหรับเซิร์ฟเวอร์ที่ใช้งานจริง ให้เปลี่ยนตัวแปร NODE_ENV ใน .env.local เป็นการ production และรันคำสั่งต่อไปนี้:

    npm run build
    npm run start

6. เปิด http://localhost:3000 ด้วยเบราว์เซอร์ของคุณเพื่อดูผลลัพธ์

หมายเหตุ : ตรวจสอบให้แน่ใจว่าได้แทนที่ค่าใน .env.local ด้วยค่าของคุณเอง

คุณสมบัติ

• แชทส่วนตัวแบบเรียลไทม์
• แชทกลุ่มแบบเรียลไทม์
• การรับรองความถูกต้องและการอนุญาตของผู้ใช้
• ความสามารถในการสร้าง เข้าร่วม และออกจากกลุ่มแชท
• ดูรายชื่อผู้ใช้ออนไลน์และออฟไลน์
• ค้นหาผู้ใช้และกลุ่มแชท
• การออกแบบที่ตอบสนอง

เทคสแต็ค

Next.js, Prisma ORM, MongoDB, GraphQl, ไคลเอนต์ Apollo, React, ChakraUI, Nodejs

มีส่วนร่วม

ยินดีบริจาค! อย่าลังเลที่จะสร้างคำขอดึงหรือแจ้งปัญหา โปรดอ่านหลักเกณฑ์การบริจาคก่อนบริจาค

ใบอนุญาต

โครงการนี้ได้รับอนุญาตภายใต้ใบอนุญาต MIT - ดูรายละเอียดในไฟล์ใบอนุญาต

ผู้เขียน

• เวด คุปตะ

เกี่ยวกับฉัน

ฉันเป็นนักพัฒนา ฉันจะรู้สึกถึงโค้ดแล้วจึงเขียน

สนับสนุน

สำหรับการสนับสนุนส่งอีเมล [email protected]