Update app.py

app.py

@@ -1,26 +1,33 @@
 import streamlit as st
 from langchain_groq import ChatGroq
 import json
+import time
 
-# 🔹 Hardcoded Groq API Key (Replace with your actual key)
+# 🔹 Replace with your actual API key
 GROQ_API_KEY = "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"  
 
-# Streamlit App Title
-st.title('AI Quiz Generator 🎯')
-st.subheader('Test Your Knowledge!')
-
-# Input Fields
-standard = st.text_input('Enter Standard/Grade')
-topic = st.text_input('Enter Topic')
-
-# Quiz Type Selection
-quiz_type = st.selectbox("Select Quiz Type", ["Multiple Choice Questions (MCQ)", "True or False", "Fill in the Blanks"])
+# Streamlit App Title with Animation
+st.markdown("<h1 style='text-align: center; color: #FF5733;'>🎯 AI Quiz Generator 🚀</h1>", unsafe_allow_html=True)
+st.markdown("<h3 style='text-align: center; color: #3498db;'>Test Your Knowledge with Fun Quizzes!</h3>", unsafe_allow_html=True)
+
+# Input Fields with Side-by-Side Layout
+col1, col2 = st.columns(2)
+with col1:
+    standard = st.text_input('🏫 Enter Standard/Grade')
+with col2:
+    topic = st.text_input('📚 Enter Topic')
+
+# Quiz Type Selection with Icons
+quiz_type = st.selectbox(
+    "📌 Select Quiz Type",
+    ["📝 Multiple Choice Questions (MCQ)", "✅ True or False", "✏️ Fill in the Blanks"]
+)
 
-# Difficulty Level Selection
-difficulty = st.radio("Select Difficulty Level", ["Low", "Medium", "Hard"])
+# Difficulty Level Selection with Emojis
+difficulty = st.radio("🔥 Select Difficulty Level", ["😃 Easy", "😎 Medium", "💪 Hard"])
 
-# Number of Questions Selection (1 to 10)
-num_questions = st.slider("Select Number of Questions", min_value=1, max_value=10, value=5)
+# Number of Questions Selection (1 to 10) with Emoji
+num_questions = st.slider("🔢 Select Number of Questions", min_value=1, max_value=10, value=5)
 
 # Initialize AI Model
 model = ChatGroq(
@@ -28,18 +35,22 @@ model = ChatGroq(
     groq_api_key=GROQ_API_KEY
 )
 
+# Function to Generate Quiz
 def generate_quiz(standard, topic, quiz_type, difficulty, num_questions):
     """Generate quiz based on user selection and return JSON data."""
-    if quiz_type == "Multiple Choice Questions (MCQ)":
+    st.info("✨ AI is generating your quiz... Please wait!")  # Show animated loading message
+
+    time.sleep(1)  # Simulate loading effect
+
+    if "MCQ" in quiz_type:
         prompt = f"Generate {num_questions} multiple choice questions (MCQs) for a {standard} student on {topic}. Each question should have 4 options and one correct answer. Return JSON format: {{'questions': [{{'question': '...', 'options': ['...', '...', '...', '...'], 'answer': '...'}}]}}"
-    elif quiz_type == "True or False":
+    elif "True or False" in quiz_type:
         prompt = f"Generate {num_questions} true or false questions for a {standard} student on {topic}. Return JSON format: {{'questions': [{{'question': '...', 'answer': 'True or False'}}]}}"
     else:  # Fill in the Blanks
         prompt = f"Generate {num_questions} fill-in-the-blank questions for a {standard} student on {topic}. Indicate the correct answer in JSON format: {{'questions': [{{'question': '...', 'answer': '...'}}]}}"
 
     try:
         response = model.predict(prompt)
-        st.write("🔹 **Raw API Response:**", response)  # Debugging
         return json.loads(response)  # Parse JSON response safely
     except json.JSONDecodeError:
         st.error("⚠️ Failed to generate quiz. The AI did not return a proper JSON response.")
@@ -48,7 +59,7 @@ def generate_quiz(standard, topic, quiz_type, difficulty, num_questions):
         st.error(f"⚠️ Error: {str(e)}")
         return None
 
-
+# Function to Calculate Score
 def calculate_score(user_answers, correct_answers):
     """Calculate score based on user answers."""
     return sum(1 for q, ans in user_answers.items() if correct_answers.get(q) == ans)
@@ -59,41 +70,60 @@ if 'quiz_data' not in st.session_state:
 if 'user_answers' not in st.session_state:
     st.session_state.user_answers = {}
 
-# Generate Quiz Button
-if st.button("Generate Quiz"):
+# Generate Quiz Button with Animation
+if st.button("🚀 Generate Quiz"):
     if standard and topic:
-        st.session_state.quiz_data = generate_quiz(standard, topic, quiz_type, difficulty, num_questions)
+        with st.spinner("🔄 AI is thinking... Generating your quiz!"):
+            st.session_state.quiz_data = generate_quiz(standard, topic, quiz_type, difficulty, num_questions)
         if st.session_state.quiz_data:
             st.session_state.user_answers = {}  # Reset answers
-            st.success(f"{quiz_type} Quiz Generated with {num_questions} Questions!")
+            st.success(f"🎉 {quiz_type} Quiz with {num_questions} Questions Generated Successfully!")
+            st.balloons()
     else:
-        st.error("Please enter both the standard and topic.")
+        st.error("⚠️ Please enter both the Standard and Topic.")
 
 # Display Quiz if Available
 if st.session_state.quiz_data:
-    st.write("### Quiz Questions:")
+    st.markdown("<h3 style='color: #2ECC71;'>📝 Your Quiz Questions:</h3>", unsafe_allow_html=True)
     questions = st.session_state.quiz_data.get("questions", [])
 
     for i, q in enumerate(questions):  # Display all selected questions
         st.write(f"**Q{i+1}: {q['question']}**")
 
-        if quiz_type == "Multiple Choice Questions (MCQ)":
-            user_answer = st.radio(f"Select your answer for Question {i+1}", options=q["options"], key=f"question_{i+1}")
-        elif quiz_type == "True or False":
-            user_answer = st.radio(f"Select your answer for Question {i+1}", options=["True", "False"], key=f"question_{i+1}")
+        if "MCQ" in quiz_type:
+            user_answer = st.radio(f"🎯 Select your answer for Question {i+1}", options=q["options"], key=f"question_{i+1}")
+        elif "True or False" in quiz_type:
+            user_answer = st.radio(f"✅ Select your answer for Question {i+1}", options=["True", "False"], key=f"question_{i+1}")
         else:  # Fill in the Blanks
-            user_answer = st.text_input(f"Your answer for Question {i+1}", key=f"question_{i+1}")
+            user_answer = st.text_input(f"✏️ Your answer for Question {i+1}", key=f"question_{i+1}")
 
         st.session_state.user_answers[f"question_{i+1}"] = user_answer
 
-# Submit Quiz Button
-if st.button("Submit Quiz"):
+# Submit Quiz Button with Animated Score Display
+if st.button("📊 Submit Quiz"):
     if st.session_state.quiz_data:
         correct_answers = {f"question_{i+1}": q["answer"] for i, q in enumerate(st.session_state.quiz_data["questions"])}
         score = calculate_score(st.session_state.user_answers, correct_answers)
         
-        st.write("### Quiz Results")
-        st.write(f"Your Score: {score}/{num_questions} 🎉")
-        st.success("Great job! Keep practicing!")
+        # Animated Progress Bar
+        st.markdown("<h3 style='color: #F39C12;'>⏳ Calculating Score...</h3>", unsafe_allow_html=True)
+        progress_bar = st.progress(0)
+        for percent_complete in range(100):
+            time.sleep(0.01)
+            progress_bar.progress(percent_complete + 1)
+
+        # Score Results
+        st.markdown("<h2 style='color: #8E44AD;'>📊 Your Quiz Results</h2>", unsafe_allow_html=True)
+        st.write(f"✅ **Your Score: {score}/{num_questions} 🎉**")
+
+        # Show different messages based on score
+        if score == num_questions:
+            st.success("🌟 Perfect Score! You're a genius! 🚀")
+            st.balloons()
+        elif score >= num_questions / 2:
+            st.info("💡 Great job! Keep practicing to improve! 💪")
+        else:
+            st.warning("📚 Don't worry! Try again and improve your score! 😊")
+
     else:
-        st.error("Quiz data not available. Please regenerate the quiz.")
+        st.error("⚠️ Quiz data not available. Please regenerate the quiz.")