# LMS Frontend

โปรเจกต์ **lms-frontend** เป็นระบบ Frontend  
สำหรับระบบ **Learning Management System (LMS)**

ระบบนี้ถูกออกแบบเพื่อ:
- รองรับการเรียนรู้ผ่าน Web / Mobile / Desktop
- ใช้โค้ดชุดเดียว (Single Codebase) แต่รองรับหลายแพลตฟอร์ม
- เชื่อมต่อกับ Backend LMS ผ่าน API
- รองรับการพัฒนา UI แบบ Modular และขยายในอนาคต

---

## Purpose

- เป็น Frontend หลักของระบบ LMS
- แสดงผลข้อมูลการเรียนรู้จาก Backend API
- รองรับผู้ใช้งานบนหลายอุปกรณ์ (Responsive + Adaptive UI)
- ออกแบบให้รองรับการ scale ในระดับ production

---

## Features

- Login / Logout (JWT Authentication)
- Adaptive Navigation
  - Desktop / Web → Sidebar (NavigationRail)
  - Mobile → Bottom Navigation (NavigationBar)
- Client-side Routing (ไม่ reload แอป)
- Modular Page Architecture
- Cross-platform UI (Web / Mobile / Desktop)
- รองรับฟอนต์ไทย (Noto Sans Thai)

---

## Technical Overview

- Frontend Framework: **Flet (Python)**
- Language: **Python 3.11+**
- Backend API: **Django REST API (lms-backend)**
- Authentication: **JWT**
- UI Pattern: **Adaptive Layout + Client-side Routing**
- Font: **Noto Sans Thai**

---

## Project Structure

```bash
lms-frontend/
├── main.py                 # Entry point (routing & app flow)
├── app/
│   ├── state.py           # Global state (auth/session)
│   ├── layout.py          # Main layout (menu + content)
│   ├── pages/             # Application pages
│   │   ├── articles.py
│   │   ├── courses.py
│   │   ├── my_courses.py
│   │   ├── progress.py
│   │   └── profile.py
│   └── widgets/
│       └── adaptive_menu.py  # Responsive navigation component
├── assets/
│   └── fonts/
│       └── NotoSansThai-Regular.ttf
├── requirements.txt
└── README.md
```

## License
- สงวนลิขสิทธิ์สำหรับการใช้งานเพื่อการศึกษาและพัฒนาภายในองค์กรเท่านั้น
- Developed with ❤️ using Flet & Python