อ่านมัน FE

สารบัญ

เกี่ยวกับ
วิดีโอหน้าจอจากเว็บไซต์
คุณสมบัติของเว็บไซต์
ลิงค์ไดรฟ์
การตั้งค่าโครงการ
ผู้ร่วมให้ข้อมูล

เกี่ยวกับ

โครงการที่เลียนแบบส่วนหน้าของ Reddit
Reddit คือเว็บไซต์รวบรวมข่าวโซเชียล การจัดอันดับเนื้อหา และเว็บไซต์สนทนา ผู้ใช้ที่ลงทะเบียน (โดยทั่วไปเรียกว่า "Redditors") ส่งเนื้อหาไปยังไซต์ เช่น ลิงก์ โพสต์ข้อความ รูปภาพ และวิดีโอ ซึ่งสมาชิกคนอื่นจะโหวตขึ้นหรือลง โพสต์จะถูกจัดเรียงตามหัวข้อในบอร์ดที่ผู้ใช้สร้างขึ้นที่เรียกว่า "ชุมชน" หรือ "subreddits" ผลงานที่มีการโหวตเห็นด้วยมากกว่าจะปรากฏที่ด้านบนของ subreddit และหากได้รับคะแนนโหวตมากพอ ก็จะปรากฏในหน้าแรกของเว็บไซต์ในที่สุด ผู้ดูแลระบบ Reddit ดูแลชุมชน การกลั่นกรองยังดำเนินการโดยผู้ดูแลเฉพาะชุมชนอีกด้วย

วิดีโอหน้าจอจากเว็บไซต์:

เข้าสู่ระบบ

SW1.mp4

เพิ่มความคิดเห็น

SW2.mp4

สร้างโพสต์

SW3.mp4

หน้าผู้ใช้

SW4.mp4

การตั้งค่าผู้ใช้

SW5.mp4

ข้อความและการแจ้งเตือน

SW6.mp4

หน้าลีดเดอร์บอร์ดและ Subreddit

SW7.mp4

หน้าการกลั่นกรอง

SW8.mp4

ค้นหาและแชร์โพสต์

SW9.mp4

ลิงก์ไดรฟ์:

https://drive.google.com/drive/folders/1hYpEu922aeDHHsKUyx9lVgx0AeykMJJg

คุณสมบัติเว็บไซต์:

การรับรองความถูกต้อง
สร้าง อัปเดต แบ่งปัน และลบโพสต์และความคิดเห็น
สร้างโพสต์ทุกประเภท (ข้อความ ลิงก์ ลากและวางรูปภาพหนึ่งรูปขึ้นไป ลากและวางวิดีโอ)
โหวตขึ้น/ลง โหวตโพสต์และความคิดเห็น
เธรดความคิดเห็นที่ซ้อนกัน
ฟีดหน้าแรก (หน้าแรก)
ฟีดเฉพาะ Subreddit
สร้างซับเรดดิท
เข้าร่วมซับเรดดิท
เพิ่มแบน ปิดเสียง อนุมัติ และเชิญผู้ใช้ให้เป็นผู้ดูแล subreddit ของฉัน
ยอมรับคำเชิญของผู้ใช้ให้เป็นผู้ดูแล
ดูสถานะการจราจรหรือ subreddit ของฉัน
ดูโพสต์ ความคิดเห็น ประวัติของฉัน ... ในเพจของฉัน
เปลี่ยนอวาตาร์ของฉัน และเพิ่มแบนเนอร์
... และอีกมากมาย!

คำสั่งหลักสำหรับการดำเนินโครงการ:

การตั้งค่าโครงการและการติดตั้งแพ็คเกจ

 npm install

คอมไพล์และโหลดซ้ำเพื่อการพัฒนา

 npm run serve

รันโครงการตามค่าเริ่มต้นบนพอร์ต: 8081

คอมไพล์และลดขนาดสำหรับการผลิต

 npm run build

พบโปรเจ็กต์ในโฟลเดอร์ /dist ใต้ไดเร็กทอรีเดียวกันหลังจากสร้าง

เรียกใช้การทดสอบหน่วยของคุณ

 npm run test

คำสั่งนี้รันการทดสอบหน่วยทั้งหมด

การสร้างรายงานความครอบคลุม

 npm run coverage

คำสั่งนี้สร้างรายงานความครอบคลุม index.html รวมถึงรายละเอียดเกี่ยวกับส่วนประกอบทั้งหมด รายงานความครอบคลุมที่สร้างขึ้นจะอยู่ในไดเร็กทอรีโครงการภายใต้ /coverage