Create Questions.tsx

src/components/Questions.tsx

@@ -0,0 +1,25 @@
+import React, { useState, useEffect } from 'react';
+
+interface QuestionsProps {
+  apiUrl: string; // get data from backend
+}
+
+interface Question {
+  question: string;
+  options: string[];
+  correct_answer: number;
+  explanation: string;
+}
+
+const Questions: React.FC<QuestionsProps> = ({ apiUrl }) => {
+  const [questions, setQuestions] = useState<Question[]>([]);
+  const [currentQuestionIndex, setCurrentQuestionIndex] = useState<number>(0);
+  const [userAnswers, setUserAnswers] = useState<number[]>([]);
+  const [isTimeUp, setIsTimeUp] = useState<boolean>(false);
+  const [isAnswered, setIsAnswered] = useState<boolean>(false);
+  const [timer, setTimer] = useState<number>(0);
+
+  return <div></div>;
+};
+
+export default Questions;