Quiz Component - Copy this React, Tailwind Component to your project

Tôi có 2 api này, tạo cho tôi giao diện điển hiển thị, bao gồm tính năng hiển thị Quiz, Thêm Quiz curl X 'GET' \ 'http://localhost:8001/quiz/questions' \ H 'accept: application/json' [ { "id": 1, "question": "string", "options": [ { "A": "string", "B": "string", "C": "string" } ], "correct_answer": "A", "point": 1, "created_at": "2024 10 09T20:14:41.618657", "updated_at": "2024 10 09T20:14:41.618665" }, { "id": 2, "question": "string", "options": [ { "A": "string", "B": "string", "C": "string" } ], "correct_answer": "A", "point": 1, "created_at": "2024 10 09T20:14:44.470072", "updated_at": "2024 10 09T20:14:44.470079" }, { "id": 3, "question": "string", "options": [ { "A": "string", "B": "string", "C": "string" } ], "correct_answer": "A", "point": 1, "created_at": "2024 10 09T20:14:44.975923", "updated_at": "2024 10 09T20:14:44.975931" }, { "id": 4, "question": "string", "options": [ { "A": "string", "B": "string", "C": "string" } ], "correct_answer": "A", "point": 1, "created_at": "2024 10 09T20:14:45.301558", "updated_at": "2024 10 09T20:14:45.301566" }, { "id": 5, "question": "string", "options": [ { "A": "string", "B": "string", "C": "string" } ], "correct_answer": "A", "point": 1, "created_at": "2024 10 09T20:14:45.728215", "updated_at": "2024 10 09T20:14:45.728224" }, { "id": 6, "question": "string", "options": [ { "A": "string", "B": "string", "C": "string" } ], "correct_answer": "A", "point": 1, "created_at": "2024 10 09T20:14:46.197511", "updated_at": "2024 10 09T20:14:46.197519" } ] curl X 'POST' \ 'http://localhost:8001/quiz/questions' \ H 'accept: application/json' \ H 'Content Type: application/json' \ d '{ "question": "string", "options": [ { "A": "string", "B": "string", "C": "string", "D": "string" } ], "correct_answer": "A", "point": 0 }' { "id": 7, "question": "string", "options": [ { "A": "string", "B": "string", "C": "string", "D": "string" } ], "correct_answer": "A", "point": 0, "created_at": "2024 10 09T20:51:55.811809", "updated_at": "2024 10 09T20:51:55.811822" }