Widget Platform
Một nền tảng toàn diện cho phép người dùng tạo, tùy chỉnh và nhúng các widget động theo thời gian thực vào bất kỳ website nào, được xây dựng trên kiến trúc Monorepo có khả năng mở rộng.
🚀 Tổng quan dự án
Widget Platform là một giải pháp full-stack toàn diện, được xây dựng nhằm giúp người dùng dễ dàng tạo, tùy chỉnh và nhúng các widget động vào bất kỳ website nào. Sử dụng các công nghệ web hiện đại, nền tảng đảm bảo khả năng tích hợp liền mạch, cập nhật theo thời gian thực và mang lại trải nghiệm người dùng trực quan mà không ảnh hưởng đến hiệu suất của website được nhúng.
🔑 Tính năng chính
Dashboard quản lý tập trung: Bảng điều khiển Next.js mạnh mẽ cho phép người dùng đăng ký, quản lý các widget và tùy chỉnh giao diện như màu sắc, kiểu chữ và media được lưu trữ trên cloud.
Widget Core siêu nhẹ: Được xây dựng với Preact và Vite, widget nhúng được biên dịch thành một tệp JavaScript duy nhất và được tối ưu hóa cao. Widget hoạt động hoàn toàn độc lập, không xung đột với DOM hoặc CSS hiện có của website.
Đồng bộ hóa theo thời gian thực: Máy chủ WebSocket chuyên dụng trên Node.js đảm bảo mọi thay đổi được thực hiện trên dashboard sẽ ngay lập tức được phản ánh trên widget đang hoạt động, mang lại trải nghiệm chỉnh sửa liền mạch và trực quan.
Kiến trúc có khả năng mở rộng: Được phát triển theo mô hình Monorepo, phân tách rõ ràng giữa các dịch vụ Backend API, giao diện Frontend tương tác và các script có thể nhúng vào website.
🛠️ Điểm nổi bật về kỹ thuật
Backend sử dụng MongoDB (thông qua Mongoose) để lưu trữ dữ liệu một cách ổn định, trong khi các tài nguyên media được lưu trữ an toàn và phân phối trên toàn cầu thông qua Cloudflare R2. Giao diện người dùng được xây dựng tỉ mỉ với React 19, Tailwind CSS v4 và Shadcn UI, đảm bảo khả năng tiếp cận tốt cùng giao diện hiện đại, chỉn chu và chuyên nghiệp.