หน้าเว็บไซต์เล่าเรื่องผี

หน้าเว็บสำหรับโปรเจกต์ใช้ Open AI API ในการ "เล่าเรื่องผี" 👻

วิธีการใช้งาน

1. กรอกข้อมูลเกี่ยวกับเรื่องผีที่ต้องการสร้าง เช่น อาชีพของผี วิธีการตาย เสาสะดือ สถานที่ตาย และอายุที่เป็นผีตั้งแต่
2. คลิกที่ปุ่ม "สร้างเรื่องผี" เพื่อสร้างเนื้อเรื่องผีจากข้อมูลที่คุณกรอก
3. เมื่อเนื้อเรื่องผีพร้อมแล้ว คุณจะเห็นการพิมพ์ข้อความอย่างน่าสยดสยองบนหน้าจอเป็นลักษณะเสมือนเรื่องราวกำลังถูกพิมพ์ออกมา
4. เมื่อการพิมพ์เสร็จสิ้นแล้ว คุณสามารถเลือกที่จะโหลดเนื้อเรื่องผีลงในไฟล์ข้อความหรือเล่าเรื่องผ่านเสียงได้

คำแนะนำเพิ่มเติม

• คุณสามารถเลือกเนื้อหาต่าง ๆ เพื่อให้เรื่องผีน่าสยดสยองมากยิ่งขึ้น
• คลิกที่ปุ่ม "โหลดเนื้อเรื่อง" เพื่อบันทึกเรื่องผีลงในไฟล์ข้อความ (.txt)
• คลิกที่ปุ่ม "เล่าให้ฟัง" เพื่อให้เรื่องผีถูกเล่าออกมาเป็นเสียงผ่านเครื่องพูด

ข้อมูลทางเทคนิค

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

วิธีการติดตั้งและรันโปรเจกต์

ติดตั้ง Node.js

ก่อนที่จะรันโปรเจกต์จะต้องติดตั้ง Node.js บนเครื่องของก่อน เว็บไซต์นี้ใช้ Node.js เพื่อทำการรันโค้ด

ดาวน์โหลดโค้ด

ดาวน์โหลดโค้ดจาก GitHub หรือก็ได้ในรูปแบบไฟล์ ZIP และแตกไฟล์ในโฟลเดอร์ที่คุณต้องการ

1. เปิดเทอร์มินัลและเข้าไปในโฟลเดอร์โปรเจกต์
2. เปิดเทอร์มินัลและใช้คำสั่ง cd เพื่อเข้าไปในโฟลเดอร์ที่มีโค้ดของโปรเจกต์

ติดตั้ง dependencies

1. ใช้คำสั่ง npm install เพื่อติดตั้ง dependencies ที่โปรเจกต์ต้องการ รันโปรเจกต์
2. ใช้คำสั่ง npm start เพื่อรันโปรเจกต์ โปรแกรมจะเริ่มรันแอปพลิเคชันและแสดงบนบราวเซอร์

เข้าถึงเว็บไซต์

เปิดเว็บบราวเซอร์และไปที่ http://localhost:3000 เพื่อใช้งานเว็บไซต์ "เล่าเรื่องผี"

หมายเหตุ: ควรจะมีการแก้ไขโค้ดเพื่อปรับให้เข้ากับความต้องการของคุณ รวมถึงการแก้ไข URL ของ API และการตั้งค่าอื่น ๆ ตามเคสการใช้งานจริง