ADD:Markdown wireframe leamer

docs/wireframe/Learner/README.md

@@ -0,0 +1,132 @@
+# Wireframe Gallery - Learner Role
+
+This document contains all the wireframe images for the Learner role, organized by Desktop and Mobile views.
+
+## Table of Contents
+
+1. [Desktop Wireframes](#desktop-wireframes)
+2. [Mobile Wireframes](#mobile-wireframes)
+
+---
+
+## Desktop Wireframes
+
+### Login & Authentication
+
+- **Login**:  
+  ![Login](desktop/login/login.png)
+- **Register**:  
+  ![Register](desktop/login/Register.png)
+- **Forgot Password**:  
+  ![Forgot Password](desktop/login/Forgot%20Password.png)
+
+### ค้นหาและลงทะเบียนคอร์ส (Course Discovery & Registration)
+
+- **หน้ารายการคอร์ส**:  
+  ![หน้ารายการคอร์ส](desktop/ค้นหาและลงทะเบียนคอร์ส/หน้ารายการคอร์ส.png)
+- **หน้ารายละเอียดคอร์ส**:  
+  ![หน้ารายละเอียดคอร์ส](desktop/ค้นหาและลงทะเบียนคอร์ส/หน้ารายละเอียดคอร์ส.png)
+- **ผลการลงทะเบียน**:  
+  ![ผลการลงทะเบียน](desktop/ค้นหาและลงทะเบียนคอร์ส/ผลการลงทะเบียน.png)
+- **คอร์สของฉัน**:  
+  ![คอร์สของฉัน](desktop/ค้นหาและลงทะเบียนคอร์ส/คอร์สของฉัน.png)
+
+### การเรียน (Learning)
+
+- **หน้าเรียนของคอร์สและรวมบทเรียน**:  
+  ![หน้าเรียนของคอร์สและรวมบทเรียน](desktop/เรียนบทเรียน/หน้าเรียนของคอร์สและรวมบทเรียน.png)
+- **รายการประกาศ**:  
+  ![รายการประกาศ](desktop/ประกาศในคอร์ส/รายการประกาศ.png)
+
+### แบบทดสอบ (Quiz)
+
+- **หน้าเริ่มทำแบบทดสอบ**:  
+  ![หน้าเริ่มทำแบบทดสอบ](desktop/แบบทดสอบ/หน้าเริ่มทำแบบทดสอบ.png)
+- **หน้าทำแบบทดสอบ**:  
+  ![หน้าทำแบบทดสอบ](desktop/แบบทดสอบ/หน้าทำแบบทดสอบ.png)
+- **หน้าผลคะแนน**:  
+  ![หน้าผลคะแนน](desktop/แบบทดสอบ/หน้าผลคะแนน.png)
+- **ประวัติการทำข้อสอบ**:  
+  ![ประวัติการทำข้อสอบ](desktop/แบบทดสอบ/ประวัติการทำข้อสอบ.png)
+
+### โปรไฟล์และรายงาน (Profile & Reports)
+
+- **ดูโปรไฟล์**:  
+  ![ดูโปรไฟล์](desktop/โปรไฟล์/ดูโปรไฟล์.png)
+- **แก้ไขโปรไฟล์**:  
+  ![แก้ไขโปรไฟล์](desktop/โปรไฟล์/แก้ไขโปรไฟล์.png)
+- **รายงานผลการเรียนและคะแนนแบบทดสอบ**:  
+  ![รายงานผลการเรียนและคะแนนแบบทดสอบ](desktop/รายงาน/รายงานผลการเรียนและคะแนนแบบทดสอบ.png)
+- **ใบประกาศนียบัตร**:  
+  ![ใบประกาศนียบัตร](desktop/ใบประกาศ/ใบประกาศนียบัตร.png)
+
+### สถานะและข้อผิดพลาด (Status & Errors)
+
+- **403 Forbidden**:  
+  ![403](desktop/หน้าสิทธิ์และข้อผิดพลาด/403.png)
+- **404 Not Found**:  
+  ![404](desktop/หน้าสิทธิ์และข้อผิดพลาด/404.png)
+- **สถานะข้อมูลว่าง**:  
+  ![สถานะข้อมูลว่าง](desktop/หน้าสถานะระบบ/สถานะข้อมูลว่าง.png)
+
+---
+
+## Mobile Wireframes
+
+### Login & Authentication
+
+- **Login**:  
+  ![Login](mobile/login/login.png)
+- **Register**:  
+  ![Register](mobile/login/Register.png)
+- **Forgot Password**:  
+  ![Forgot Password](mobile/login/ForgotPassword.png)
+
+### ค้นหาและลงทะเบียนคอร์ส (Course Discovery & Registration)
+
+- **หน้ารายการคอร์ส**:  
+  ![หน้ารายการคอร์ส](mobile/ค้นหาและลงทะเบียนคอร์ส/หน้ารายการคอร์ส.png)
+- **หน้ารายละเอียดคอร์ส**:  
+  ![หน้ารายละเอียดคอร์ส](mobile/ค้นหาและลงทะเบียนคอร์ส/หน้ารายละเอียดคอร์ส.png)
+- **ผลการลงทะเบียน**:  
+  ![ผลการลงทะเบียน](mobile/ค้นหาและลงทะเบียนคอร์ส/ผลการลงทะเบียน.png)
+- **คอร์สของฉัน**:  
+  ![คอร์สของฉัน](mobile/ค้นหาและลงทะเบียนคอร์ส/คอร์สของฉัน.png)
+
+### การเรียน (Learning)
+
+- **หน้าเรียนของคอร์สและรวมบทเรียน**:  
+  ![หน้าเรียนของคอร์สและรวมบทเรียน](mobile/เรียนบทเรียน/หน้าเรียนของคอร์สและรวมบทเรียน.png)
+- **รายการประกาศ**:  
+  ![รายการประกาศ](mobile/ประกาศในคอร์ส/รายการประกาศ.png)
+
+### แบบทดสอบ (Quiz)
+
+- **หน้าเริ่มทำแบบทดสอบ**:  
+  ![หน้าเริ่มทำแบบทดสอบ](mobile/แบบทดสอบ/หน้าเริ่มทำแบบทดสอบ.png)
+- **หน้าทำแบบทดสอบ**:  
+  ![หน้าทำแบบทดสอบ](mobile/แบบทดสอบ/หน้าทำแบบทดสอบ.png)
+- **หน้าผลคะแนน**:  
+  ![หน้าผลคะแนน](mobile/แบบทดสอบ/หน้าผลคะแนน.png)
+- **ประวัติการทำข้อสอบ**:  
+  ![ประวัติการทำข้อสอบ](mobile/แบบทดสอบ/ประวัติการทำข้อสอบ.png)
+
+### โปรไฟล์และรายงาน (Profile & Reports)
+
+- **ดูโปรไฟล์**:  
+  ![ดูโปรไฟล์](mobile/โปรไฟล์/ดูโปรไฟล์.png)
+- **แก้ไขโปรไฟล์**:  
+  ![แก้ไขโปรไฟล์](mobile/โปรไฟล์/แก้ไขโปรไฟล์.png)
+- **รายงานผลการเรียนและคะแนนแบบทดสอบ**:  
+  ![รายงานผลการเรียนและคะแนนแบบทดสอบ](mobile/รายงาน/รายงานผลการเรียนและคะแนนแบบทดสอบ.png)
+- **ใบประกาศนียบัตร**:  
+  ![ใบประกาศนียบัตร](mobile/ใบประกาศ/ใบประกาศนียบัตร.png)
+
+### สถานะและข้อผิดพลาด (Status & Errors)
+
+- **403 Forbidden**:  
+  ![403](mobile/หน้าสิทธิ์และข้อผิดพลาด/403.png)
+- **404 Not Found**:  
+  ![404](mobile/หน้าสิทธิ์และข้อผิดพลาด/404.png)
+- **สถานะข้อมูลว่าง**:  
+  ![สถานะข้อมูลว่าง](mobile/หน้าสถานะระบบ/สถานะข้อมูลว่าง.png)