Create app.py

app.py

@@ -0,0 +1,413 @@
+"""
+CCC Plus Quiz App — Gradio
+Features:
+- Load quiz from CSV (upload or default `quiz.csv`)
+- Interactive Q/A with immediate feedback
+- Progress bar, score tracking
+- Final report card with per-question breakdown
+- Generate & download an "official-looking" PDF report (reportlab)
+- Display NIELIT logo (if provided) and NIELIT Chandigarh copyright footer
+"""
+
+import gradio as gr
+import pandas as pd
+import os
+from datetime import datetime
+from reportlab.lib.pagesizes import A4
+from reportlab.lib import colors
+from reportlab.lib.units import mm
+from reportlab.pdfgen import canvas
+from reportlab.platypus import Table, TableStyle, Paragraph, Image, Spacer
+from reportlab.lib.styles import getSampleStyleSheet
+
+# ---------------------------
+# Helper: Load quiz from CSV
+# ---------------------------
+def load_quiz_from_path(path):
+    df = pd.read_csv(path)
+    # Basic validation and normalization
+    required = {"question", "option1", "option2", "option3", "option4", "answer"}
+    if not required.issubset(set(df.columns)):
+        raise ValueError(f"CSV must contain columns: {required}")
+    quiz = []
+    for _, r in df.iterrows():
+        quiz.append({
+            "question": str(r["question"]),
+            "options": [str(r["option1"]), str(r["option2"]), str(r["option3"]), str(r["option4"])],
+            "answer": str(r["answer"])
+        })
+    return quiz
+
+# ---------------------------
+# PDF Generation
+# ---------------------------
+def generate_report_pdf(user_name, quiz_title, history, score, logo_path=None):
+    """
+    history: list of dicts: [{"question":..., "selected":..., "answer":..., "correct": True/False}, ...]
+    """
+    ts = datetime.now().strftime("%Y%m%d_%H%M%S")
+    filename = f"/tmp/CCCPlus_Report_{ts}.pdf"
+    c = canvas.Canvas(filename, pagesize=A4)
+    width, height = A4
+    margin = 25 * mm
+    styles = getSampleStyleSheet()
+    normal = styles["Normal"]
+    title_style = styles["Title"]
+    small = styles["BodyText"]
+    small.fontSize = 9
+
+    y = height - margin
+
+    # If logo exists, draw it at top-left
+    if logo_path and os.path.exists(logo_path):
+        try:
+            img_w = 35*mm
+            img = Image(logo_path, img_w, img_w)
+            img.drawOn(c, margin, y - img_w)
+            # Title at top center-right
+            x_title = margin + img_w + 10
+        except Exception:
+            x_title = margin
+    else:
+        x_title = margin
+
+    # Header text
+    c.setFont("Helvetica-Bold", 18)
+    c.drawString(x_title, y - 15, quiz_title)
+    c.setFont("Helvetica", 11)
+    c.drawString(x_title, y - 35, f"Candidate: {user_name}")
+    c.drawString(x_title, y - 50, f"Date: {datetime.now().strftime('%d %b %Y %H:%M:%S')}")
+    y -= 70
+
+    # Score big
+    c.setFont("Helvetica-Bold", 14)
+    c.drawString(margin, y, f"Final Score: {score} / {len(history)}")
+    y -= 25
+
+    # Build table data
+    table_data = [["#", "Question", "Your Answer", "Correct Answer", "Result"]]
+    for i, h in enumerate(history, start=1):
+        result = "Correct" if h["correct"] else "Incorrect"
+        table_data.append([str(i), h["question"], h["selected"], h["answer"], result])
+
+    # Make a table with ReportLab
+    table = Table(table_data, colWidths=[15*mm, 85*mm, 40*mm, 40*mm, 25*mm])
+    tblstyle = TableStyle([
+        ("GRID", (0,0), (-1,-1), 0.25, colors.grey),
+        ("BACKGROUND", (0,0), (-1,0), colors.HexColor("#003366")),
+        ("TEXTCOLOR", (0,0), (-1,0), colors.white),
+        ("ALIGN", (0,0), (-1,0), "CENTER"),
+        ("VALIGN", (0,0), (-1,-1), "TOP"),
+        ("FONTSIZE", (0,0), (-1,-1), 9),
+    ])
+    table.setStyle(tblstyle)
+
+    # Calculate table height — place and wrap to next page if needed
+    w, h_table = table.wrapOn(c, width - 2*margin, y - margin)
+    if y - h_table < margin + 60:
+        # not enough space, start new page for table
+        c.showPage()
+        y = height - margin
+        if logo_path and os.path.exists(logo_path):
+            try:
+                img_w = 25*mm
+                img = Image(logo_path, img_w, img_w)
+                img.drawOn(c, margin, y - img_w)
+            except Exception:
+                pass
+        c.setFont("Helvetica-Bold", 14)
+        c.drawString(margin, y, quiz_title)
+        y -= 40
+
+    table.drawOn(c, margin, y - h_table)
+    y = y - h_table - 40
+
+    # Footer copyright
+    footer_text = f"NIELIT Chandigarh — © {datetime.now().year}"
+    c.setFont("Helvetica", 9)
+    c.drawCentredString(width / 2, 15 * mm, footer_text)
+
+    c.save()
+    return filename
+
+# ---------------------------
+# App logic functions
+# ---------------------------
+def prepare_quiz(csv_file, csv_upload):
+    """
+    Called when user uploads CSV or hits 'Load CSV'.
+    Returns initial UI state values.
+    """
+    # prefer uploaded file if present
+    path = None
+    if csv_upload is not None:
+        path = csv_upload.name
+    else:
+        path = csv_file if os.path.exists(csv_file) else None
+
+    if path is None:
+        return gr.update(value=""), gr.update(choices=[]), gr.update(visible=False), gr.update(visible=False), "No questions loaded. Upload a CSV or place quiz.csv in the app folder."
+
+    try:
+        quiz = load_quiz_from_path(path)
+    except Exception as e:
+        return gr.update(value=""), gr.update(choices=[]), gr.update(visible=False), gr.update(visible=False), f"Error loading CSV: {e}"
+
+    # initialize state store for quiz
+    store = {
+        "quiz": quiz,
+        "index": 0,
+        "score": 0,
+        "history": [],  # will contain dicts {"question","selected","answer","correct"}
+        "started": True
+    }
+
+    first = quiz[0]
+    msg = f"Loaded {len(quiz)} questions. Ready to start!"
+    # Return question text, options choices, show controls, and message; store must be assigned to gr.State externally
+    return first["question"], gr.update(choices=first["options"], value=None), gr.update(visible=True), gr.update(visible=True), msg, store
+
+def start_quiz(state):
+    # state passed in from gr.State (may be None if not loaded)
+    if not state or "quiz" not in state:
+        return "No quiz loaded. Upload a CSV.", gr.update(choices=[]), gr.update(visible=False), gr.update(visible=False), state
+    state["index"] = 0
+    state["score"] = 0
+    state["history"] = []
+    first = state["quiz"][0]
+    return first["question"], gr.update(choices=first["options"], value=None), gr.update(visible=True), gr.update(visible=True), state
+
+def submit_answer(state, selected):
+    """
+    When user submits an answer, show feedback but do NOT move to next question until user clicks Next.
+    We'll return feedback text and set a temporary "last" in state to hold selected answer and correctness.
+    """
+    if not state or "quiz" not in state:
+        return "No quiz loaded.", gr.update(visible=False), gr.update(visible=False), state
+
+    idx = state["index"]
+    q = state["quiz"][idx]
+    selected_val = selected if selected is not None else ""
+    correct = (selected_val == q["answer"])
+    # store last attempt but do not increment index yet
+    state["last"] = {"question": q["question"], "selected": selected_val, "answer": q["answer"], "correct": correct}
+
+    feedback = "✅ Correct!" if correct else f"❌ Incorrect. Correct answer: {q['answer']}"
+    # Show feedback area and enable Next button
+    return feedback, gr.update(visible=True), gr.update(visible=True), state
+
+def next_q(state):
+    """
+    Advance to next question using the 'last' stored in state from submit_answer.
+    """
+    if not state or "quiz" not in state:
+        return "No quiz loaded.", gr.update(choices=[]), gr.update(visible=False), gr.update(visible=False), state
+
+    # If user didn't submit before pressing next, just ignore
+    last = state.get("last")
+    if last:
+        state["history"].append(last)
+        if last["correct"]:
+            state["score"] += 1
+
+    # move index
+    state["index"] += 1
+    state.pop("last", None)
+
+    if state["index"] >= len(state["quiz"]):
+        # Quiz complete
+        finished_msg = f"Quiz Completed! Final Score: {state['score']} / {len(state['quiz'])}"
+        # hide question/option controls
+        return finished_msg, gr.update(choices=[]), gr.update(visible=False), gr.update(visible=False), state
+
+    # next question
+    q = state["quiz"][state["index"]]
+    progress = f"Question {state['index'] + 1} of {len(state['quiz'])} — Score: {state['score']}"
+    return q["question"], gr.update(choices=q["options"], value=None), gr.update(visible=True), gr.update(visible=True), state
+
+def get_progress_text(state):
+    if not state or "quiz" not in state:
+        return "No quiz loaded."
+    return f"Question {state['index'] + 1} of {len(state['quiz'])} — Score: {state['score']}"
+
+def show_report(state, user_name, logo_file):
+    """
+    Prepare a report summary and generate a PDF for download.
+    Returns: report_markdown, pdf_file_component_value
+    """
+    if not state or "history" not in state:
+        return "No results to show.", None
+
+    history = state["history"].copy()
+    # If last submitted but user hasn't pressed Next, include it too
+    if "last" in state:
+        history.append(state["last"])
+
+    # Prepare a markdown summary (display in UI)
+    lines = []
+    lines.append(f"## Report Card — {user_name if user_name else 'Candidate'}")
+    lines.append(f"**Date:** {datetime.now().strftime('%d %b %Y %H:%M:%S')}")
+    lines.append(f"**Score:** **{state['score']} / {len(state['quiz'])}**")
+    lines.append("")
+    lines.append("| # | Question | Your Answer | Correct Answer | Result |")
+    lines.append("|---:|---|---|---|---|")
+    for i, h in enumerate(history, start=1):
+        res = "✅" if h["correct"] else "❌"
+        qtext = h["question"].replace("\n", " ")
+        lines.append(f"| {i} | {qtext[:80]} | {h['selected']} | {h['answer']} | {res} |")
+
+    md = "\n".join(lines)
+
+    # Generate PDF
+    # If user uploaded a logo, use that; else try default path nielit_logo.png if present
+    logo_path = None
+    if logo_file is not None:
+        logo_path = logo_file.name
+    elif os.path.exists("nielit_logo.png"):
+        logo_path = "nielit_logo.png"
+
+    pdf_path = generate_report_pdf(user_name or "Candidate", "CCC Plus - Computer Concepts Plus", history, state["score"], logo_path=logo_path)
+    return md, pdf_path
+
+# ---------------------------
+# Build Gradio UI
+# ---------------------------
+with gr.Blocks(title="CCC Plus Quiz App — NIELIT Style", css="""
+    .header {display:flex; align-items:center; gap:12px;}
+    .logo-small {height:56px;}
+    .card {border-radius:12px; padding:14px; box-shadow: 0 6px 18px rgba(0,0,0,0.06);}
+    .muted {color: #666; font-size: 13px;}
+""") as demo:
+
+    # top row: logo (if available) + title
+    with gr.Row():
+        with gr.Column(scale=1):
+            logo_img = gr.Image(value="nielit_logo.png" if os.path.exists("nielit_logo.png") else None, visible=True, elem_id="logo-img")
+        with gr.Column(scale=6):
+            gr.Markdown("<div class='header'><h2 style='margin:0'>🖥️ CCC Plus — Computer Concepts Plus</h2></div>")
+            gr.Markdown("<div class='muted'>Interactive quiz for practice & assessment. Upload CSV or use default quiz.csv.</div>")
+
+    gr.Markdown("---")
+
+    with gr.Row():
+        # Left column: controls & quiz
+        with gr.Column(scale=3):
+            gr.Markdown("### Load Questions")
+            csv_file_text = gr.Textbox(value="quiz.csv", label="Local CSV path (default)", interactive=True)
+            csv_upload = gr.File(label="Or upload CSV file", file_count="single", file_types=[".csv"])
+            load_btn = gr.Button("Load CSV")
+            load_msg = gr.Textbox(label="Status", interactive=False, lines=2)
+
+            gr.Markdown("### Candidate Info")
+            user_name = gr.Textbox(label="Candidate Name (to appear on report)", placeholder="Your name here")
+
+            # Start & control buttons
+            start_btn = gr.Button("Start / Restart Quiz", elem_id="start-btn")
+            restart_btn = gr.Button("Reset All", elem_id="reset-btn", visible=True)
+
+            gr.Markdown("### Controls")
+            submit_btn = gr.Button("Submit Answer", variant="primary", visible=True)
+            next_btn = gr.Button("Next Question ➡️", visible=False)
+            feedback = gr.Textbox(label="Feedback", interactive=False, visible=False)
+
+            # Hidden area for downloading pdf
+            report_download = gr.File(label="Download PDF Report", visible=False)
+
+        # Right column: question card and progress
+        with gr.Column(scale=4):
+            with gr.Card():
+                question_txt = gr.Markdown("**Question will appear here after you start the quiz**")
+                options = gr.Radio(choices=[], label="Choose one option", interactive=True)
+                progress = gr.Textbox(label="Progress", interactive=False)
+                score_display = gr.Textbox(label="Score", interactive=False)
+
+            # Report preview area
+            gr.Markdown("### Report Preview")
+            report_preview = gr.Markdown("No report yet.")
+
+    # State store
+    state_store = gr.State({})
+
+    # --- Event wiring ---
+
+    # Load CSV button -> loads quiz and returns initial UI values and store
+    def on_load(csv_path_text, uploaded_file):
+        # uploaded_file is a temporary file with .name attr pointing to uploaded file path
+        q_text, q_choices, show_submit, show_next, msg, store = prepare_quiz(csv_path_text, uploaded_file)
+        # We must return many outputs; order must match click outputs
+        return q_text, q_choices, show_submit, show_next, msg, store
+
+    load_btn.click(fn=on_load,
+                   inputs=[csv_file_text, csv_upload],
+                   outputs=[question_txt, options, submit_btn, next_btn, load_msg, state_store])
+
+    # Start quiz (when user clicks Start/Restart) -> reset state and show first question
+    def on_start(state):
+        if not state or "quiz" not in state:
+            return "No quiz loaded. Load CSV first.", gr.update(choices=[]), gr.update(visible=False), gr.update(visible=False), state
+        q_text, q_choices, show_submit, show_next, new_state = start_quiz(state)
+        # update progress & score
+        return q_text, q_choices, show_submit, show_next, new_state
+
+    start_btn.click(fn=on_start, inputs=[state_store], outputs=[question_txt, options, submit_btn, next_btn, state_store])
+
+    # Submit answer -> produce feedback, show Next button
+    def on_submit(state, selected):
+        feedback_text, show_feedback, show_next_btn, new_state = submit_answer(state, selected)
+        return feedback_text, show_feedback, show_next_btn, new_state
+
+    submit_btn.click(fn=on_submit, inputs=[state_store, options], outputs=[feedback, feedback, next_btn, state_store])
+
+    # Next question -> advance
+    def on_next(state):
+        q_text, q_choices, show_submit, show_next, new_state = next_q(state)
+        # update progress and score displays
+        progress_text = get_progress_text(new_state)
+        score_text = f"{new_state['score']} / {len(new_state['quiz'])}"
+        # if quiz finished (no controls visible), also prepare report preview
+        report_md = ""
+        pdf_path = None
+        if new_state["index"] >= len(new_state["quiz"]):
+            # prepare a small report preview
+            report_md, pdf_path = show_report(new_state, "", None)
+        return q_text, q_choices, show_submit, show_next, new_state, progress_text, score_text, report_md, pdf_path
+
+    # Wire Next: multiple outputs
+    next_btn.click(fn=on_next,
+                   inputs=[state_store],
+                   outputs=[question_txt, options, submit_btn, next_btn, state_store, progress, score_display, report_preview, report_download])
+
+    # Show report & enable PDF generation and download button explicitly (user can press after completion)
+    def on_show_report(state, name, logo_file):
+        md, pdf_path = show_report(state, name, logo_file)
+        rfile = gr.File.update(value=pdf_path) if pdf_path else gr.File.update(visible=False)
+        # show file component and markdown preview
+        return md, rfile
+
+    # Button to explicitly create & show report (user may want to add name/logo)
+    show_report_btn = gr.Button("Generate / Refresh Report")
+    show_report_btn.click(fn=on_show_report, inputs=[state_store, user_name, logo_img], outputs=[report_preview, report_download])
+
+    # Reset: clear state & UI
+    def on_reset():
+        state = {}
+        return "", gr.update(choices=[]), gr.update(visible=False), gr.update(visible=False), "", state, "", "", "", None
+
+    restart_btn.click(fn=on_reset, inputs=[], outputs=[question_txt, options, submit_btn, next_btn, load_msg, state_store, progress, score_display, report_preview, report_download])
+
+    # Update progress/score when state changes (optional)
+    def update_progress(state):
+        if not state or "quiz" not in state:
+            return "No quiz loaded.", "0 / 0"
+        return get_progress_text(state), f"{state['score']} / {len(state['quiz'])}"
+
+    # Connect state change to progress box (so user sees live progress)
+    state_store.change(fn=update_progress, inputs=[state_store], outputs=[progress, score_display])
+
+    # Footer
+    gr.Markdown("---")
+    gr.Markdown("NIELIT Chandigarh — © " + str(datetime.now().year))
+
+# Run the app
+if __name__ == "__main__":
+    demo.launch()