Phát triển một trình chỉnh sửa hình ảnh trên nền tảng web
Phát triển một trình chỉnh sửa hình ảnh trên nền tảng web sử dụng HTML5 Canvas, CSS3 và JavaScript. Tạo giao diện chuyên nghiệp với các bảng công cụ và khu vực xem trước. Triển khai các tùy chỉnh cơ bản bao gồm độ sáng, độ tương phản, độ bão hòa màu và độ sắc nét. Thêm các bộ lọc màu với thông số có thể tùy chỉnh và khung xem trước. Bao gồm tính năng cắt cúp (cropping) và thay đổi kích thước với các điều khiển khóa tỷ lệ khung hình. Triển khai tính năng chèn lớp chữ (text overlay) với lựa chọn phông chữ và tạo kiểu. Thêm các công cụ vẽ hình khối với tùy chọn tô màu nền (fill) và đường viền (stroke). Bao gồm quản lý lớp ảnh (layers) với các chế độ hòa trộn. Hỗ trợ xuất hình ảnh ở nhiều định dạng và mức chất lượng khác nhau. Tạo thiết kế đáp ứng thích nghi với kích thước màn hình. Thêm chức năng hoàn tác/làm lại (undo/redo) với lịch sử các trạng thái.
Thực hiện kiểm toán mức độ tuân thủ chuẩn WCAG và khắc phục các lỗi khả năng tiếp cận (accessibility) cho ứng dụng web. Sử dụng khi: 1) Kiểm toán giao diện UI theo chuẩn WCAG 2.1/2.2 2) Khắc phục lỗi trình đọc màn hình hoặc điều hướng bằng bàn phím 3) Triển khai đúng các mẫu ARIA 4) Đánh giá độ tương phản màu sắc và khả năng tiếp cận thị giác 5) Tạo biểu mẫu hoặc thành phần tương tác dễ tiếp cận
Phân tích mẫu mã nguồn dựa trên cây cú pháp trừu tượng (AST) bằng công cụ ast-grep để phát hiện các vấn đề về bảo mật, hiệu năng và cấu trúc. Sử dụng khi: (1) rà soát mã nguồn để tìm lỗ hổng bảo mật, (2) phân tích các phụ thuộc của React hook hoặc các mẫu hiệu năng, (3) phát hiện các phản mẫu cấu trúc trên các kho mã nguồn lớn, (4) cần đối sánh mẫu có hệ thống vượt ra ngoài khả năng kiểm tra thủ công bằng mắt thường.
