landing_christmas

Tổng quan

`landing_christmas` là bài tập front-end tập trung: một trang, một chủ đề và rất nhiều chuyển động. Mục tiêu là làm cho một site nhỏ cảm giác có chủ đích và sống động.

Vì sao tôi giữ dự án này trong portfolio

Tôi giữ các thử nghiệm hình ảnh nhỏ như thế này trong portfolio vì chúng thể hiện một khía cạnh khác của cách tôi làm việc. Không phải dự án nào cũng cần backend phức tạp; đôi khi thách thức là không khí, nhịp độ và làm cho trang đáng nhớ.

Những gì tôi đã xây dựng

Chuỗi intro và lớp phủ để ấn tượng ban đầu mạnh hơn.
Các phần trang trí và trình bày lễ hội lấy chữ typographic làm trung tâm.
Thiết lập React và Vite nhẹ để lặp nhanh ý tưởng animation.

Chi tiết kỹ thuật

React và Vite để lặp nhanh.
Animation dựa trên GSAP cho chuyển cảnh theo giai đoạn và nhịp chuyển động.
Tailwind CSS để style các phần và hệ layout.
Phần tử audio và marquee để củng cố chủ đề theo mùa.

Trọng tâm thiết kế

Mục tiêu chính là khiến chuyển động có chủ đích thay vì chỉ trang trí. Lớp phủ, thời gian intro và chuyển cảnh giữa các phần đều cố tạo một trình tự thay vì trang tĩnh gắn thêm hiệu ứng.

Trạng thái hiện tại

Đây là side project gọn, nhưng hữu ích trong portfolio vì thể hiện thử nghiệm hình ảnh tách biệt với công việc sản phẩm và backend.