Website Lưu Giữ Kỷ Niệm và Chúc Mừng Sinh Nhật Nhóm Bạn Thân

Website tương tác mã nguồn mở giúp nhóm bạn thân lưu giữ kỷ niệm, tổ chức sinh nhật với bánh 3D, đếm ngược, album ảnh/video, trò chơi, và giao diện nền động theo mùa

Website Lưu Giữ Kỷ Niệm và Chúc Mừng Sinh Nhật

Website Lưu Giữ Kỷ Niệm và Chúc Mừng Sinh Nhật là một dự án mã nguồn mở đầy sáng tạo, mang đến không gian trực tuyến để nhóm bạn thân lưu giữ khoảnh khắc đẹp, tổ chức sinh nhật, và gắn kết qua các hoạt động tương tác. Với bánh sinh nhật 3D, album ảnh/video, trò chơi vui nhộn, và giao diện nền động thay đổi theo mùa, dự án tạo nên trải nghiệm độc đáo, vui tươi, và ý nghĩa.

Dự án không chỉ là nơi lưu giữ kỷ niệm mà còn là cầu nối giúp tình bạn thêm bền chặt qua những khoảnh khắc chia sẻ, lời chúc chân thành, và niềm vui chung.

Các Tính Năng Chính

• Đếm ngược sinh nhật: Hiển thị thời gian còn lại đến ngày sinh nhật tiếp theo, giúp cả nhóm chuẩn bị trước.
• Bánh sinh nhật 3D tương tác: Bánh 3 tầng với nến có thể thổi tắt bằng nút, tạo cảm giác chân thực.
• Album kỷ niệm: Lưu trữ, tìm kiếm, và chia sẻ ảnh/video từ các sự kiện, chuyến đi, hoặc khoảnh khắc đời thường.
• Trò chơi tương tác: Bao gồm Trí Nhớ, Ghép Hình, Đố Vui Sinh Nhật, và Lịch Sinh Nhật, mang lại niềm vui cho cả nhóm.
• Trình phát nhạc: Phát các bài hát sinh nhật vui tươi, tạo không khí lễ hội.
• Giao diện nền động: Hiệu ứng nền sống động với các hình ảnh chuyển động như hoa rơi, tuyết rơi, hoặc ánh sáng lễ hội, tăng tính thẩm mỹ và tương tác.
• Chủ đề theo mùa: Giao diện tự động thay đổi theo các mùa và dịp lễ như Tết, Giáng Sinh, Halloween, hoặc Hanami, mang đến cảm giác mới mẻ.
• Tính năng cộng đồng: Gửi tin nhắn, video lời chúc, quà ảo, và tham gia bảng tin chúc mừng.
• Hiệu ứng động: Pháo hoa, bóng bay, và các hiệu ứng hình ảnh sống động khi tương tác.
• Chia sẻ mạng xã hội: Dễ dàng đăng ảnh, video, hoặc lời chúc lên Facebook, Twitter, Instagram.
• Hỗ trợ đa ngôn ngữ: Giao diện tiếng Việt và tiếng Anh, dễ dàng chuyển đổi.

Lợi Ích Của Dự Án

1. Gắn kết tình bạn: Đếm ngược, không gian chúc mừng, và tính năng cộng đồng giúp bạn bè luôn kết nối, không bỏ lỡ ngày đặc biệt.
2. Lưu giữ kỷ niệm vĩnh cửu: Album kỹ thuật số lưu trữ ảnh/video, dễ dàng truy cập và chia sẻ, tạo bộ sưu tập chung cho nhóm.
3. Giải trí và tương tác: Trò chơi, hiệu ứng pháo hoa, bóng bay, và video lời chúc mang đến niềm vui và sự hứng khởi.
4. Thân thiện và tiện lợi: Giao diện dễ dùng, hỗ trợ đa ngôn ngữ, hoạt động mượt mà trên cả điện thoại và máy tính.
5. Cộng đồng sáng tạo: Mã nguồn mở khuyến khích đóng góp, giúp dự án không ngừng phát triển và phù hợp với nhiều nhóm bạn.

Công Nghệ Sử Dụng

• HTML5: Cấu trúc trang web linh hoạt, hỗ trợ đa nền tảng.
• CSS3: Tạo giao diện đẹp, responsive, và hiệu ứng mượt mà.
• JavaScript (Thuần): Xử lý logic như đếm ngược, trò chơi, và tương tác người dùng.
• MediaDevices API: Hỗ trợ quay và lưu video lời chúc qua camera thiết bị.
• Canvas API: Vẽ hiệu ứng động như pháo hoa, bóng bay, bánh sinh nhật 3D, và nền động.
• Local Storage: Lưu trữ dữ liệu cục bộ như sự kiện và lời chúc.
• Supabase: Quản lý cơ sở dữ liệu, lưu trữ ảnh/video, và hỗ trợ tính năng cộng đồng theo thời gian thực.

Đóng Góp và Mã Nguồn

Dự án được phát triển dưới giấy phép MIT, cho phép tự do sử dụng và chỉnh sửa. Mã nguồn được lưu trữ trên GitHub, và cộng đồng được khuyến khích đóng góp ý tưởng, báo lỗi, hoặc thêm tính năng mới. Các bước đóng góp bao gồm fork repository, tạo nhánh mới, và gửi pull request với các thay đổi được kiểm tra qua ESLint và Prettier.