Update app.py

app.py

@@ -2,16 +2,18 @@ import gradio as gr
 import json
 import bisect
 
-# Load questions and answers from JSON files
-with open('Verbal/questions.json', 'r') as q_file:
+
+# Define the questions with a single image for options
+with open('mechanical/questions.json', 'r') as q_file:
     questions = json.load(q_file)
 
-with open('Verbal/answers.json', 'r') as a_file:
+with open('mechanical/answers.json', 'r') as a_file:
     answers = json.load(a_file)
 
-with open('Verbal/distribution.json', 'r') as file:
+with open('mechanical/distribution.json', 'r') as file:
     distribution_data = json.load(file)
 
+
 def calculate_percentile(correct_answers, distribution):
     # Sort the distribution by the number of correct answers
     distribution.sort(key=lambda x: x[0])
@@ -44,9 +46,8 @@ def calculate_percentile(correct_answers, distribution):
     
     # If the score is below the lowest score in the distribution
     return 0.0
-
-
-def grade_test(*responses):
+# Function to evaluate the answer
+def evaluate_answer(*responses):
     score = 0
     distribution = [(item['correct_answers'], item['percentile']) for item in distribution_data]
 
@@ -62,21 +63,34 @@ def grade_test(*responses):
     percentile = calculate_percentile(score, distribution)
     return f"Your score: {percentile}: correct answers: {score}"
 
-# Create Gradio interface
-def create_interface():
-    inputs = []
-    for i, question in enumerate(questions):
-        inputs.append(gr.Radio(choices=question['options'], label=question['question']))
+# Create a Gradio interface
+
+with gr.Blocks() as demo:
+    results = []
+    for question in questions:
+        with gr.Row():
+            with gr.Column():
+                gr.Image(type="filepath", 
+                             value=question["image"],
+                             show_download_button=False,
+                             mirror_webcam=False,
+                             sources=['clipboard'],
+                             interactive=False)
+            with gr.Column():   
+                if len(question['options']) == 0:
+                    options = ["A", "B", "C"]
+                else:
+                    options = question['options']
+
+                radio = gr.Radio(choices=options, 
+                            label=question['question'])
+            results.append(radio)
+    submit = gr.Button("Submit")
+    output = gr.Textbox(label="Results")
 
-    return gr.Interface(
-        fn=grade_test,
-        inputs=inputs,
-        outputs="text",
-        live=False,
-        title="Verbal Test",
-        description="Answer the following questions and click 'Submit' to see your score."
-    )
+    submit.click(evaluate_answer, inputs=results, outputs=output)
 
+# Launch the interface
 if __name__ == "__main__":
-    interface = create_interface()
-    interface.launch()
+    #app = create_interface()
+    demo.launch()