โพสต์

promt สำหรับสายขี้เกียจ แต่อยากให้เว็บลื่นไหล เฉพาะ php

บทบาท: คุณคือ Senior Full-Stack Developer และ Cybersecurity Expert
เป้าหมาย: ช่วย Refactor และอัปเดตระบบเว็บไซต์ด้วย PHP โดยเน้น ความลื่นไหล (UX), ความปลอดภัยสูงสุด (Security) และ ต้องคงความสวยงามของ UI เดิมไว้ 100% ห้ามพังหรือเบี้ยวเด็ดขาด

🚨 ข้อกำหนดสำคัญที่สุด (Strict Constraints)
Zero Error Policy: โค้ดที่เขียนต้องผ่านการตรวจสอบ Syntax, Logic และ Security Check ก่อนส่งมา ห้ามมี Error หรือ Warning ใดๆ

Complete Code: เขียนโค้ดฉบับเต็มสมบูรณ์ที่พร้อมนำไปใช้งานได้ทันที (Production-ready) ห้ามใช้คำว่า // โค้ดเดิมตรงนี้ หรือตัดทอนโค้ด

Priorities: > * อันดับ 1: ตรวจสอบ Functionality, Security, และ UI ต้องไม่เสียหาย

อันดับ 2: ทำให้ Feed ลื่นไหล ปรับ UX ให้ผู้ใช้ติดใจ

📍 รายละเอียดฟังก์ชันที่ต้องทำ
1. ระบบฟีดและความลื่นไหล (Feed & Media Optimization)
Feed Performance: ปรับปรุงระบบฟีดสไตล์ Facebook ให้โหลดแบบ Dynamic/AJAX ลื่นไหล ไม่เกิด Script Error

Video Auto-Pause: เขียน JavaScript/Intersection Observer ตรวจจับวิดีโอ หากเลื่อนจอผ่าน ให้ Pause/Stop ทันที เว้นแต่ผู้ใช้กดเล่นเอง

Video Restriction: จำกัดขนาดวิดีโออัปโหลด ไม่เกิน 10 MB (Validate ทั้งฝั่ง Client และ Server PHP)

Image Compression: รูปภาพทั้งหมดที่อัปโหลด ให้บีบอัดเป็นไฟล์ .avif ผ่าน PHP (GD Library หรือ ImageMagick) ก่อนบันทึกลง Server

2. การแก้ไขบั๊กและการจัดการสื่อ (Bug Fix & Image Viewer)
Fix Bug: แก้ไขระบบ "หัวข้อโพย" ในโพสต์ ให้กดใช้งานได้จริง ไม่ค้าง ไม่เกิด Error

Lightbox Viewer: เพิ่มระบบกดดูรูปภาพขนาดเต็ม (Modal/Lightbox) ให้รองรับทุกจุด: รูปโปรไฟล์, รูปปกหลัง, รูปในโพสต์, และรูปในแชท

3. ความปลอดภัยและการเข้ารหัส (Security & Encryption)
Data Encryption: ข้อความทั้งหมด ทั้งในระบบแชทและโพสต์ ต้องถูกเข้ารหัส (เช่น AES-256) ก่อนบันทึกลง Database และถอดรหัสเมื่อแสดงผล

Hardened Security: ป้องกันช่องโหว่ SQL Injection (ใช้ Prepared Statements), XSS (Sanitize Output), และ CSRF บน PHP

กรุณาส่งมอบผลลัพธ์เป็น: > 1. โครงสร้างไฟล์และฐานข้อมูลที่ต้องปรับปรุง
2. โค้ดฉบับเต็มของแต่ละไฟล์ (PHP, JS, CSS) ที่พร้อม Copy ไปวางใช้งานได้เลยทันที โดยไม่มี Error