feat: add browse courses page with search and filtering functionality, and create the main landing page.

This commit is contained in:
supalerk-ar66 2026-01-23 10:08:07 +07:00
parent 9bfb852ad0
commit e162e24cf8
3 changed files with 9 additions and 8 deletions

View file

@ -216,7 +216,7 @@ const filteredCourses = computed(() => {
to="/auth/register"
class="inline-flex items-center gap-3 px-10 py-5 bg-gradient-to-r from-blue-600 to-indigo-600 hover:from-blue-500 hover:to-indigo-500 text-white rounded-2xl text-lg font-black shadow-2xl shadow-blue-900/40 hover:scale-105 transition-all duration-300"
>
<span>🚀</span>
<span></span>
<span>สมครสมาชกฟร</span>
</NuxtLink>
</div>

View file

@ -32,7 +32,7 @@ useHead({
<div class="hero-content">
<div class="mb-10 slide-up">
<span class="px-5 py-2 rounded-full glass border border-blue-400/20 text-blue-400 text-[11px] font-black tracking-[0.25em] uppercase shadow-[0_0_20px_rgba(59,130,246,0.15)]">
🚀 เรมตนเสนทางความสำเรจใหม
เรมตนเสนทางความสำเรจใหม
</span>
</div>

View file

@ -109,13 +109,14 @@
- อัปเดตการ์ดคอร์สให้ลิงก์ไปยังหน้ารายละเอียดคอร์ส (`/course/:id`) แทน Modal หรือหน้า Static
- ลบ Mock Data ออก เพื่อรองรับข้อมูลจริงจาก API
### ✅ Phase 3: Full Learning Experience (Current)
### ✅ Phase 3: Full Learning Experience & Documentation (Current)
- **dashboard/index.vue:**
- แก้ไขลิงก์ "View Details" ใน Recommended Courses ให้ไปที่ `/course/:id` ถูกต้อง
- **Cleanup:**
- ลบ `console.log` ที่ไม่จำเป็น
- ทำความสะอาด Comment ในไฟล์หลัก (`useAuth`, `useCourse`, `register.vue`)
- **Documentation & Localization:**
- **Added Thai Code Comments:** เพิ่มคำอธิบายภาษาไทยในไฟล์สำคัญ (`nuxt.config.ts`, `useAuth`, `useCourse`, `useCategory`, `auth middleware`, `pages/index`, `app.vue`, `layouts/default`) เพื่อช่วยให้ทีมพัฒนาเข้าใจโค้ดได้ง่ายขึ้น
- **API Verification:** ยืนยันความถูกต้องของการเชื่อมต่อ API ครบทุก Endpoints หลัก (User, Courses, Enroll, Learning, Categories)
- **UI Enhancements:**
- ปรับปรุงหน้า `dashboard/index.vue` ให้ลิงก์ถูกต้อง
- ปรับแก้ UI เล็กน้อยในหน้า Landing (`index.vue`) และ Browse (`browse/index.vue`)
---