Styled Paper - Copy this React, Mui Component to your project
Tạo một ứng dụng web sử dụng Node.js và thư viện MUI với giao diện người dùng (UI) có bố cục thẩm mỹ, tone màu basic đẹp mắt, bo viền, bao gồm các thành phần sau: 1. Ô input nhập link: Cho phép người dùng dán liên kết Google Drive, Dropbox, OneDrive. Có nút "+" để thêm tối đa 15 ô input link. Mỗi ô có nút "X" để xóa. Các ô input link được xếp thành hàng dọc 2. Ô input nhập tên album: Textbox với placeholder "Nhập tên Album". 3. Nút "Tải lên tệp" và "Chọn thư mục": "Tải lên tệp": Mở hộp thoại chọn nhiều file. "Chọn thư mục": Mở hộp thoại chọn thư mục. Hiển thị tổng số lượng file đã chọn từ cả hai nút. Ví dụ: "100 file đã chọn". 4. Processbar: Nằm ngang phía trên cùng, ngay dưới các ô input link. Nền trắng, thanh tiến trình màu xanh dương đậm, bo viền xám nhạt. Hiển thị phần trăm bằng chữ màu đen. Khi bắt Upload mới hiển thị processbar 5. Nút "Cancel" và "Upload": Cạnh nhau ở góc dưới bên phải, cách viền một khoảng vừa phải. Nền trắng, chữ đen, bo viền xám nhạt. "Cancel": Khi click nút click Upload hiện Đang upload thì Cancel nền đỏ, chữ trắng, hiển thị "Stop". "Upload": Khi click, nền xanh lá cây, chữ trắng, hiển thị "Đang upload". Yêu cầu kỹ thuật: Sử dụng Node.js và framework MUI để xây dựng giao diện. Giao diện responsive, hiển thị tốt trên mọi thiết bị. Code rõ ràng, dễ hiểu, tuân thủ các chuẩn coding convention. Lưu ý: Ưu tiên sử dụng các component có sẵn của MUI. Bố cục linh hoạt, dễ dàng điều chỉnh. Tone màu chủ đạo là nền trắng, chữ đen.
