ดาวน์โหลด Learning management system - การดาวน์โหลดซอร์สโค้ด Learning management system

Learning management system

ข้อมูลเว็บไซต์

1.0.0

ดาวน์โหลด

ระบบการจัดการการเรียนรู้ (LMS)

(next.js และ express.js)

การแนะนำ

ยินดีต้อนรับสู่แอพ LMS-ระบบการจัดการการเรียนรู้ที่ทันสมัยออกแบบมาเพื่อมอบประสบการณ์การเรียนรู้ออนไลน์แบบโต้ตอบและครอบคลุม สร้างขึ้นด้วย next.js และ express.js แพลตฟอร์มนี้มีคุณสมบัติขั้นสูงสำหรับการจัดการหลักสูตรการมีส่วนร่วมของนักเรียนและประสบการณ์ผู้ใช้ที่ปลอดภัยและราบรื่น

ตัวอย่าง UI บางตัว

หน้าลงทะเบียน/ลงชื่อเข้าใช้

การรับรองความถูกต้องของเสมียนสำหรับผู้ใช้ที่ปลอดภัย

หน้าหลักสูตร

ครู/ผู้ดูแลระบบเพื่อดูรายการหลักสูตร

หน้าหลักสูตร

หลักสูตร/: หน้าหลักสูตร

ครู/ผู้ดูแลระบบในการสร้างแก้ไขลบและดูรายละเอียดเต็มหลักสูตร

หน้าหลักสูตร

หน้าบท

ครู/ผู้ดูแลระบบ (สร้าง, แก้ไข, ลบและดูรายละเอียดทั้งหมด) บทสำหรับหลักสูตร

หน้าหลักสูตร

หน้าวิเคราะห์

ครู/ผู้ดูแลระบบเพื่อวิเคราะห์จำนวนหลักสูตรที่ขายและรายได้ที่ได้รับเท่าใด

หน้าหลักสูตร

หน้าบท

ลูกค้าสามารถลงทะเบียนสำหรับหลักสูตรดูบทฟรี

หน้าหลักสูตร

แถบสำหรับกระบวนการชำระเงิน

ลูกค้าตรวจสอบ Proccess การชำระเงิน

หน้าหลักสูตร

หน้าบท

ลูกค้าสามารถดูไฟล์แนบหลักสูตรความคืบหน้าของพวกเขาหลังจากซื้อหลักสูตร

หน้าหลักสูตร

หน้าแดชบอร์ด

ลูกค้าสามารถเห็นหลักสูตรความคืบหน้าของพวกเขาหลักสูตรที่สำเร็จ

หน้าหลักสูตร

เมนู/การแจ้งเตือนแถบด้านข้าง

อินเทอร์เฟซตอบสนองและเป็นมิตรกับผู้ใช้

หน้าหลักสูตร

คุณสมบัติที่สำคัญ

การสร้างและการจัดการหลักสูตรแบบไดนามิก: สร้างและจัดการเนื้อหาหลักสูตรได้อย่างง่ายดายรวมถึงรูปภาพและไฟล์แนบ การรับรองความถูกต้องที่แข็งแกร่ง: การตรวจสอบความปลอดภัยของผู้ใช้อย่างปลอดภัยโดยใช้เสมียน การเล่นวิดีโอแบบอินเทอร์แอคทีฟ & อัปโหลด: รวมกับ MUX เพื่อประสบการณ์วิดีโอที่ราบรื่น การชำระเงินที่ปลอดภัย: การรวมแถบสำหรับการจัดการการชำระเงินและการสมัครสมาชิก อินเทอร์เฟซที่ใช้งานง่าย: การออกแบบที่ทันสมัยตอบสนองด้วย CSS Tailwind การอัปโหลดเอกสารและรูปภาพ: ใช้ประโยชน์จากการอัปโหลดสำหรับการจัดการไฟล์ที่ไม่ยุ่งยาก

เทคโนโลยีที่ใช้

ส่วนหน้า

เทคโนโลยีที่ใช้:

ตอบสนอง 18.2.0
next.js 13.4.12
Tailwind CSS 3.3.5
ฟอร์มเบ็ดตอบสนอง 7.48.2
React-Quill 2.0.0
reCharts 2.10.3
Lucide-React . 0.294.0

ห้องสมุดสำคัญ:

@Clerk/NextJS 4.27.2 : สำหรับการตรวจสอบความปลอดภัยของผู้ใช้ที่ปลอดภัย
@mux/mux-node และ @mux/mux-player-react 7.3.3 & 2.3.0 : สำหรับการเล่นวิดีโอและการอัปโหลด
@uploadthing/react 6.0.2 : สำหรับการจัดการเอกสารและการอัปโหลดรูปภาพ
React-Hot-Toast 2.4.1 : สำหรับการแจ้งเตือนที่หรูหรา
Zustand 4.4.7 : การจัดการของรัฐ

การปรับปรุง UI/UX:

Tailwind Merge 2.0.0 : สำหรับการปรับคลาส Tailwind CSS ให้เหมาะสม
CMDK 0.2.0 : อินเตอร์เฟสเมนูคำสั่ง
React-Dropzone 14.2.3 : การอัปโหลดไฟล์ลากและวาง
@tanstack/react-table 8.10.7 : สำหรับการสร้างและการจัดการตาราง
@radix-ui/react-dialog , @radix-ui/react-dropdown-menu ฯลฯ สำหรับส่วนประกอบ UI ขั้นสูง