progress in the quiz interface

app.py

@@ -4,6 +4,22 @@ import streamlit as st
 if "page_access" not in st.session_state:
     st.session_state.page_access = {"About": True, "Load Exam": True, "Take Exam": False, "View Results": False}
 
+if "current_page" not in st.session_state:
+    st.session_state.current_page = "Main" 
+
+if "quiz_data" not in st.session_state:
+    st.session_state.quiz_data = []
+
+if "metadata" not in st.session_state:
+    st.session_state.metadata = []
+
+# Navigation logic
+if st.session_state.current_page == "About":
+    st.session_state.current_page = "1_About"
+if st.session_state.current_page == "Load Exam":
+    st.session_state.current_page = "2_Load Exam"
+elif st.session_state.current_page == "Take Exam":
+    st.session_state.current_page = "3_Take Exam"
 
 def main():
 
@@ -11,11 +27,12 @@ def main():
     st.title("Exam Kiosk")
 
     # Logic to control page access
-    if "exam_loaded" not in st.session_state:
-        st.session_state.exam_loaded = False
+    if "quiz_loaded" not in st.session_state:
+        st.session_state.quiz_loaded = False
+
+    if "quiz_completed" not in st.session_state:
+        st.session_state.quiz_completed = False
 
-    if "exam_completed" not in st.session_state:
-        st.session_state.exam_completed = False
 
     # Provide instructions
     instructions = """
@@ -69,5 +86,6 @@ def main():
     """
     st.markdown(instructions)   
 
+
 if __name__ == "__main__":
     main()  

pages/2_Load_Exam.py

@@ -1,14 +1,53 @@
 import streamlit as st
+import json
+from quiz_gui_helper import _QuizGUI
+
+# Initialize session state
+if "page_access" not in st.session_state:
+    st.session_state.page_access = {"About": True, "Load Exam": True, "Take Exam": False, "View Results": False}
+
+def load_quiz_from_file():
+    uploaded_file = st.file_uploader("Upload a JSON quiz file", type="json")
+    if uploaded_file is not None:
+        try:
+            # Load the JSON content
+            quiz = json.load(uploaded_file)
+
+            # Extract metadata and content
+            metadata = quiz.get("metadata", {})
+            quiz_data = quiz.get("content", [])
+
+            # Save the metadata and content to session state
+            st.session_state.metadata = metadata
+            st.session_state.quiz_data = quiz_data
+
+            # Return the extracted data
+            return metadata, quiz_data
+        except json.JSONDecodeError:
+            st.error("Invalid JSON file. Please upload a properly formatted JSON file.")
+    return None, None
 
 def main():
     st.title("Load Exam")
+    metadata, quiz_data = load_quiz_from_file()
+
 
-    # Mock exam loading functionality
-    if st.button("Load Exam"):
-        st.session_state.exam_loaded = True
+    if metadata and quiz_data:
+
+        quiz_app = _QuizGUI(quiz_data)
+        quiz_app.load_quiz(metadata)
+
+        # update the session state
+        st.session_state.quiz_loaded = True
         st.session_state.page_access["Take Exam"] = True
         st.session_state.page_access["Load Exam"] = False
         st.success("Exam loaded successfully!")
 
+        st.write("You can now proceed to the 'Take Exam' page to start the quiz.")
+
+    else:
+        st.info("Please upload a quiz JSON file to begin.")
+
+
 if __name__ == "__main__":
     main()

pages/3_Take_Exam.py

@@ -1,23 +1,55 @@
 import streamlit as st
+import json
+from quiz_gui_helper import _QuizGUI
 
+if "current_question" not in st.session_state:
+    st.session_state.current_question = 0
+
+if "quiz_started" not in st.session_state:
+    st.session_state.quiz_started = False 
+
+if "quiz_loaded" not in st.session_state:
+    st.session_state.quiz_loaded = False
 
-def main():
-    st.title("Take Exam")
 
-    if not st.session_state.exam_loaded:
+def main():
+    if not st.session_state.quiz_loaded:
         st.error("Please load an exam first!")
     else:
-        st.write("Start taking the exam.")
-
-        if st.button("Finish Exam"):
-            st.session_state.exam_completed = True
-            st.session_state.page_access["View Results"] = True
-            st.session_state.page_access["Take Exam"] = False
-            st.success("Exam completed successfully!")
-        elif st.button("End Exam Early"):
-            st.session_state.page_access["View Results"] = True
-            st.session_state.page_access["Take Exam"] = False
-            st.warning("Exam ended early.")
+
+        if st.session_state.quiz_started:
+            st.write("You are currently taking the exam.")
+
+        else:
+            #read the metadata and quiz_data from the session state
+            metadata = st.session_state.metadata
+            quiz_data = st.session_state.quiz_data
+
+            quiz_app = _QuizGUI(quiz_data)
+            quiz_app.load_quiz(metadata)
+
+            st.write("Start taking the exam.")
+            if st.button("Start Exam"):
+                st.session_state.page_access["Take Exam"] = True
+                st.session_state.page_access["View Results"] = False
+                st.session_state.current_question = 0
+                st.session_state.user_answers = []
+                st.session_state.completed = False
+                st.session_state.score = 0
+            
+                _QuizGUI(quiz_data).start_quiz()
+                st.session_state.quiz_started = True    
+       
+
+            if st.button("Finish Exam"):
+                st.session_state.quiz_completed = True
+                st.session_state.page_access["View Results"] = True
+                st.session_state.page_access["Take Exam"] = False
+                st.success("Exam completed successfully!")
+            elif st.button("End Exam Early"):
+                st.session_state.page_access["View Results"] = True
+                st.session_state.page_access["Take Exam"] = False
+                st.warning("Exam ended early.")
 
 if __name__ == "__main__":
     main()

pages/4_View_Result.py

@@ -9,14 +9,14 @@ def main():
         st.write("Displaying results...")
 
         if st.button("Retake Exam"):
-            st.session_state.exam_completed = False
-            st.session_state.exam_loaded = True
+            st.session_state.quiz_completed = False
+            st.session_state.quiz_loaded = True
             st.session_state.page_access["Take Exam"] = True
             st.session_state.page_access["View Results"] = False
             st.success("You can retake the exam.")
         elif st.button("Load Another Exam"):
-            st.session_state.exam_loaded = False
-            st.session_state.exam_completed = False
+            st.session_state.quiz_loaded = False
+            st.session_state.quiz_completed = False
             st.session_state.page_access = {"About": True, "Load Exam": True, "Take Exam": False, "View Results": False}
             st.success("Ready to load another exam.")
 

quiz_gui_helper.py

@@ -0,0 +1,71 @@
+import streamlit as st
+
+class _QuizGUI:
+    def __init__(self, quiz_data):
+        self.quiz_data = quiz_data
+        if "current_question" not in st.session_state:
+            st.session_state.current_question = 0
+        if "user_answers" not in st.session_state:
+            st.session_state.user_answers = []
+        if "completed" not in st.session_state:
+            st.session_state.completed = False
+        if "score" not in st.session_state:
+            st.session_state.score = 0
+
+    def check_answer(self):
+        selected_option = st.session_state[f"selected_option_{st.session_state.current_question}"]
+        question_data = self.quiz_data[st.session_state.current_question]
+
+        if selected_option == "---" or selected_option is None:
+            st.warning("Please select an option before proceeding.")
+            return
+
+        st.session_state.user_answers.append(selected_option)
+
+        if selected_option == question_data["correct_answer"]:
+            st.session_state.score += 1
+
+        if st.session_state.current_question + 1 < len(self.quiz_data):
+            st.session_state.current_question += 1
+        else:
+            st.session_state.completed = True
+
+    def load_quiz(self, metadata):
+        if metadata:
+            st.title(f"Subject: {metadata.get("subject", "Unknown Subject")}")
+            st.header(f"Topic: {metadata.get("topic", "Unknown Topic")}")
+            st.markdown(f"""
+            **Quiz Type: {metadata.get("exam_type")}**
+            Number of Questions:  {metadata.get("num_questions")}            
+            "Timestamp: {metadata.get("timestamp")}
+            """)
+        else:
+            st.warning("No metadata was found.")
+
+    def start_quiz(self):
+        self.quiz_data = st.session_state.quiz_data
+
+        if not st.session_state.completed:
+            question_data = self.quiz_data[st.session_state.current_question]
+            st.write(f"**Question {st.session_state.current_question + 1}:** {question_data['question']}")
+
+            st.selectbox(
+                "Select an option:",
+                ["---"] + question_data["options"],
+                key=f"selected_option_{st.session_state.current_question}"
+            )
+
+            st.button("Next", on_click=self.check_answer)
+        else:
+            st.success(f"Quiz completed! Your final score is {st.session_state.score}/{len(self.quiz_data)}.")
+
+            st.write("### Quiz Summary")
+            for i, question_data in enumerate(self.quiz_data):
+                st.write(f"**Question {i + 1}:** {question_data['question']}")
+                st.write(f"- **Options:** {', '.join(question_data['options'])}")
+                st.write(f"- **Correct Answer:** {question_data['correct_answer']}")
+                st.write(f"- **Your Answer:** {st.session_state.user_answers[i]}")
+                if st.session_state.user_answers[i] == question_data["correct_answer"]:
+                    st.write("- **Result:** ✅ Correct")
+                else:
+                    st.write("- **Result:** ❌ Incorrect")