# 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)

### โปรไฟล์และรายงาน (Profile & Reports)

- **ดูโปรไฟล์**:  
  ![ดูโปรไฟล์](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)

### โปรไฟล์และรายงาน (Profile & Reports)

- **ดูโปรไฟล์**:  
  ![ดูโปรไฟล์](mobile/โปรไฟล์/ดูโปรไฟล์.png)
- **แก้ไขโปรไฟล์**:  
  ![แก้ไขโปรไฟล์](mobile/โปรไฟล์/แก้ไขโปรไฟล์.png)
- **ใบประกาศนียบัตร**:  
  ![ใบประกาศนียบัตร](mobile/ใบประกาศ/ใบประกาศนียบัตร.png)

### สถานะและข้อผิดพลาด (Status & Errors)

- **403 Forbidden**:  
  ![403](mobile/หน้าสิทธิ์และข้อผิดพลาด/403.png)
- **404 Not Found**:  
  ![404](mobile/หน้าสิทธิ์และข้อผิดพลาด/404.png)
- **สถานะข้อมูลว่าง**:  
  ![สถานะข้อมูลว่าง](mobile/หน้าสถานะระบบ/สถานะข้อมูลว่าง.png)