CRUD_AJAX

CRUD_AJAX

www: https://ajax-2021.herokuapp.com/

อ้างอิงจาก https://github.com/RaviSys/ajax-demo-rails6

AJAX CRUD เต็มรูปแบบใน Bootstrap 5 modal, การค้นหาอัตโนมัติแบบสด, การแบ่งหน้า AJAX โดย pagy

คุณสมบัติ.mp4

การเลื่อนแบบอินฟินิตี้ อวาตาร์ผู้ใช้ และการแสดงตัวอย่างการ์ดผู้ใช้ (คำแนะนำเครื่องมือ Bootstrap)

คลิป2.mp4

สไลเดอร์ หีบเพลง การ์ด

คลิป.mp4

การปรับแต่งเล็กน้อย (ตัวเลื่อนหนึ่งหน้า, ส่วนท้าย, ธีมสีเขียว)

คลิป.mp4

ดูตัวอย่างเทมเพลตบูตสแตรป

คลิป.mp4

สิ่งที่ต้องทำ:

• จัดเรียงได้ (อาจเป็นข้อกังวล) และตัวกรอง:
  • จัดเรียงตาม ↑/↓ ล่าสุด, คะแนนสูงสุด, ยอดนิยมสูงสุด, ใกล้ที่สุด บันทึกตัวกรองในเซสชันหรือ Redis DB
  • กรองตามอายุ (เลือกช่วง)
  • ตัวกรองตามเพศ (ปุ่มตัวเลือก);
  • กรองตามหมวดหมู่โครงการ (ช่องทำเครื่องหมายหลายช่อง)
  • กรองตามชื่อโครงการ (ค้นหาเติมอัตโนมัติด้วยดัชนีอาจมีดัชนีใน Redis DB)
  • กรองตามชื่อทีม (เลือก + TomSelect)
  • กรองตามระดับดาว (ช่วงที่มีขั้นตอนที่ 1..5)
  • กรองตามสัปดาห์ที่แล้ว/เดือนที่สร้าง
  • กรองตามการค้นหาทางภูมิศาสตร์