Đề bài: Xây dựng ứng dụng ReactJS quản lý quán cafe

Yêu cầu

Tạo ứng dụng ReactJS quản lý quán cafe gồm các thông tin:

• id

• name

• address

• description

• image_url

• created_at

• updated_at

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

/cafes -> Hiển thị danh sách quán cafe

/cafes/add -> Thêm quán cafe

/cafes/edit/:id -> Sửa quán cafe

/cafes/delete/:id -> Xóa quán cafe

Yêu cầu sử dụng

• React Router

• Dynamic Route

• useEffect

• SharedData -> Class tự tạo để quản lý dữ liệu của toàn dự án.

Chức năng cần có

Danh sách quán cafe

• Hiển thị toàn bộ danh sách quán cafe.

• Có nút thêm, sửa, xóa.

Thêm quán cafe

• Tạo form thêm mới quán cafe.

Sửa quán cafe

• Lấy id từ URL bằng Dynamic Route.

• Hiển thị dữ liệu cũ và cập nhật dữ liệu mới.

Xóa quán cafe

• Xóa quán cafe theo id.

Gợi ý cấu trúc thư mục

src/
│
├── data/
│   └── SharedData.js
│
├── pages/
│   ├── CafeList.js
│   ├── AddCafe.js
│   ├── EditCafe.js
│   └── DeleteCafe.js
│
├── App.js
└── index.js