The Little Coder Portfolio v1
Portfolio hiện đại xây dựng bằng Next.js App Router, hỗ trợ song ngữ EN/VI, điều hướng sidebar theo section đang xem, trang archive/chi tiết dự án, và dữ liệu project/experience từ API nội bộ với micro-interaction mượt mà.
Portfolio hiện đại xây dựng bằng Next.js App Router, hỗ trợ song ngữ EN/VI, điều hướng sidebar theo section đang xem, trang archive/chi tiết dự án, và dữ liệu project/experience từ API nội bộ với micro-interaction mượt mà.
Vai trò chính: Frontend Developer.
Trạng thái triển khai: live.
Xây dựng kiến trúc Next.js App Router với API route cho projects/experiences và map nội dung theo ngôn ngữ.
Triển khai i18n EN/VI bằng react-i18next + i18next, tích hợp Language Switcher trực tiếp trên giao diện.
Thiết kế sidebar sticky và cơ chế xác định section active bằng IntersectionObserver, kết hợp smooth scroll có offset.
Tạo Scroll Progress Bar tối ưu bằng transform + requestAnimationFrame, thêm cursor spotlight bằng Framer Motion.
Stack chính: Next.js, React, TypeScript, Tailwind CSS, Framer Motion.
Tổ chức giao diện theo component để dễ bảo trì và mở rộng.
Ưu tiên responsive layout cho các màn hình sử dụng chính.
Nâng cấp portfolio lên kiến trúc có thể mở rộng dữ liệu và hỗ trợ song ngữ, đồng thời vẫn giữ trải nghiệm mượt trên desktop/mobile.
Giữ trải nghiệm nhất quán giữa desktop và mobile.
Hoàn thiện portfolio v1 với cấu trúc tách dữ liệu/API rõ ràng, điều hướng section chính xác và UI responsive, giúp dễ mở rộng thêm dự án/kinh nghiệm mà không phải chỉnh sửa sâu vào layout.
Có nền tảng để tiếp tục mở rộng nội dung, tính năng hoặc polish UI.
Nâng cấp portfolio lên kiến trúc có thể mở rộng dữ liệu và hỗ trợ song ngữ, đồng thời vẫn giữ trải nghiệm mượt trên desktop/mobile.
Hoàn thiện portfolio v1 với cấu trúc tách dữ liệu/API rõ ràng, điều hướng section chính xác và UI responsive, giúp dễ mở rộng thêm dự án/kinh nghiệm mà không phải chỉnh sửa sâu vào layout.