Th3Wall/Fakeflix

🎬 Fakeflix – Bản sao Netflix không chơi theo đúng chuẩn

Một dự án clone Netflix đầy chất thơ, nơi animation CSS gặp Redux và Firebase hội tụ cùng nhau tạo nên trải nghiệm người dùng mượt mà.

Fakeflix không phải là một bản sao điển thường — đây là sản phẩm của một nhà phát triển tự học cách cấu trúc một ứng dụng web độ trung bình với logic Redux phức tạp. Dự án mục tiêu là tái hiện giao diện Netflix một cách trung thự nhất, đồng thời thêm các cải tiến như animation tuyến đường, micro-interaction, và một bản sao gần như nguyên bản của animation mở đầu nổi tiếng từ Netflix. Tất cả đều được xây dựacing hoàn toàn bằng CSS, kèm theo âm thanh "ta-duummm" đặặc trưng.

✨ Điểm nổi bật

• Giao diện phim & series thật: Hiển thị phim và series cũ cũng như sắp chiếu từ cơ sở dữ liệu thật của Netflix.
• Cuộn vô hạn theo danh mục: Mỗi hàng phim là một thể loại, cuộn vô hạn tải hàng ngàn bộ phim khi dò tìm sâu hơn.
• Tìm kiếm thông minh: Tìm theo tên phim, diễn viên hoặc đạo diễn thông qua thanh navbar cố định.
• Danh sách yêu thích cá nhân: Thêm/xóa phim vào "My List" bằng nút dấu cộng/trừ khi rê chuột lên poster hoặc qua modal chi tiết.
• Animation mở đầu độc đáo: Bản sao CSS gần nguyên bản của animation splash Netflix, kèm âm thanh đặc trưng.
• Đăng nhập đa dạng: Hỗ trợ đăng ký, đăng nhập tài khoản tùy chỉnh hoặc đăng nhập nhanhan bằng Google qua Firebase.
• Tương tác mượt mà: Route animation và micro-interaction được xử lý bởi Framer Motion, mang lại cảm giác sống động.
• Tối ưu trải nghiệm: Skeleton loading, layout responsive và danh sách có thể vuốt trên thiết bị di động.

💡 Vì sao đáng chú ý

Fakeflix nổi bật bởi sự kết hợp hoàn hảo giữa kiến trúc Redux (Thunk + Saga + Persist) và trải nghiệm người dùng mượt mà. Không chỉ là một bản sao giao diện, dự án còn chú trọng đến chi tiết: từ animation CSS tỉ mỉ cho đến âm thanh phản hồi — tạo cảm giác như người dùng đang dùng bản thật. Đây là nguồn cảm hứng lý tưởng cho bất kỳ ai đang học React và muốn hiểu cách xây dựng một ứng dụng thực tế với độ phức tạp vừa phải.

#NetflixClone #ReactJS #Redux #Firebase #TiniX