Tribao Portfolio - Website Thương Hiệu Cá Nhân & Showcase Năng Lực

TỔNG QUAN DỰ ÁN: www.tribao.site là trang Portfolio cá nhân chính thức của Developer Tri Bảo, được định hướng theo phong cách Creative Web & Interactive UI/UX. Trang web kết hợp giữa thiết kế thương hiệu hiện đại, hoạt ảnh 3D sống động và các hiệu ứng tương tác con chuột (Micro-interactions) cao cấp, mang lại trải nghiệm thị giác ấn tượng cho người dùng. ĐIỂM NỔI BẬT VỀ THIẾT KẾ & HIỆU ỨNG TƯƠNG TÁC (CREATIVE FRONT-END): 1. Hiệu Ứng Con Chuột & Tương Tác Động (Advanced Mouse Tracking): - Con chuột phát sáng (Glowing Custom Cursor): Tạo vệt sáng/điểm nhấn hiện đại, đậm chất công nghệ (Tech Style/Cyberpunk Vibe). - Nút bấm theo vết con trỏ (Magnetic Buttons): Nút bấm tự động dịch chuyển và "hút" theo hướng con trỏ chuột khi di chuyển lại gần, tăng độ mượt mà và thú vị khi thao tác. - Ảnh & Vật thể nhìn theo chuột (Mouse Tilt & Parallax 3D Effect): Hình ảnh, card và mô hình có khả năng tự động xoay góc, nghiêng và điều hướng ánh nhìn chuẩn xác theo tọa độ di chuyển của con chuột. 2. Hoạt Ảnh 3D & Trải Nghiệm Thị Giác (3D Animations): - Tích hợp không gian và các đối tượng hoạt ảnh 3D chuyển động mượt mà trực tiếp trên nền tảng Web. - Chuyển cảnh mềm mại, hiệu ứng cuộn trang (Smooth Scroll & Parallax) giữ chân người dùng. 3. Showcase Sản Phẩm & Trình Bày Dịch Vụ: - Trình bày trực quan hệ sinh thái các dự án SaaS đã xây dựng (EzResort, EzPos, EzManager) kèm các bản demo thực tế. - Giới thiệu dịch vụ Thiết kế Website Chuyên nghiệp, Landing Page chuyển đổi cao và Web Application/SaaS custom theo bài toán của doanh nghiệp. 4. Tối Ưu Hiệu Năng Kỹ Thuật (Performance): - Tối ưu hóa hiệu ứng 3D và Animation đạt chuẩn 60fps mượt mà, không bị giật lag hay gián đoạn. - Tương thích 100% trên đa thiết bị (Desktop, Tablet, Mobile). - Chuẩn SEO On-page và tối ưu tốc độ tải trang. CÔNG NGHỆ KỸ THUẬT SỬ DỤNG: - Front-end Framework: React / Next.js, TypeScript - 3D & Animation Libraries: Three.js / React Three Fiber / GSAP / Framer Motion - Styling: Tailwind CSS, Custom Canvas & WebGL Effects