Nextflix - Modern Netflix Clone with Dual Layouts
Netflix Clone ที่โฟกัส UX ทั้งแนว Modern Glassmorphism และ Retro Windows 98 สร้างบน Next.js 16 + TypeScript + Tailwind CSS 4 + Zustand + Presenter Pattern พร้อม Theme Provider, Main/Retro Layout, Reusable UI Kit, HomePresenter + Mock Repository, Watchlist Rows, Hero, Content Cards และโรดแมพเชื่อม Supabase + Auth + Video Player + Recommendations
ฟีเจอร์หลัก
Dual Layout System
MainLayout แบบ glassmorphism + RetroLayout สไตล์ IE5/Windows 98 พร้อม header, toolbar, status bar, scroll bar mock ครบถ้วน @TODO.md#21-52
Theme Provider & Animated Toggle
ติดตั้ง next-themes + react-spring สำหรับ ThemeToggle, dark/light persistence, hook-driven provider ใน root layout @TODO.md#23-36
Reusable UI Kit
Modal, Button, Input, Select, Popover, Form components รองรับหลาย variant + animation ตาม guideline Atomic Design @TODO.md#47-54
Home Presenter + Mock Repository
Clean Architecture แยก Presenter/View/Repository, HeroSection, ContentRow, ContentCard, loading/error states, server metadata สำหรับ SEO @TODO.md#55-67
Roadmap: Browse, Auth, Player, Supabase
วางแผน Core Pages, Video Player, Authentication, Continue Watching, Recommendations, Supabase integration + RLS policies @TODO.md#69-224
แกลเลอรี่
เทคโนโลยี
โปรเจคที่เกี่ยวข้อง
Soc-Tact – Football Tactical Community Platform
แพลตฟอร์มโซเชียลสำหรับวิเคราะห์แทคติกฟุตบอล ครบทั้ง Match Center, League Tables, Tactical Community, Fantasy Football และสถาปัตยกรรม Multi-profile บน Supabase
Shop Queue - ระบบจัดการคิวร้านค้า
ระบบจัดการคิวสำหรับร้านค้า คลินิก ศูนย์บริการ พร้อม QR Code Check-in, Dashboard สำหรับเจ้าหน้าที่ และหน้าจอแสดงคิวสำหรับลูกค้า
TimeLuxe - ตลาดกลางนาฬิกาหรูออนไลน์
แพลตฟอร์มซื้อขายนาฬิกาหรูออนไลน์ที่ใหญ่ที่สุด มีนาฬิกาแบรนด์เนมระดับโลก Rolex, Patek Philippe, Audemars Piguet พร้อมระบบการันตีความแท้ 100% การชำระเงินปลอดภัย และการจัดส่งที่มีประกัน