Tạo dự án ReactJS quản lý huy hiệu gồm các thông tin:

• id

• name

• description

• icon_url

• badge_type

• created_at

• updated_at

Yêu cầu tạo các route:

• /badges -> Hiển thị danh sách huy hiệu

• /badges/add -> Thêm huy hiệu

• /badges/edit/:id -> Sửa huy hiệu

• /badges/delete/:id -> Xoá huy hiệu

Tại API badges gọi API:

https://raw.githubusercontent.com/tranvandiep/tranvandiep/refs/heads/main/badges.json

để lấy dữ liệu khởi tạo.

Yêu cầu sử dụng:

• React Router

• Dynamic Route

• useEffect

• localStorage

Dữ liệu sau khi thêm/sửa/xóa phải được lưu vào localStorage và vẫn còn sau khi reload trang.