Update app.py (#8)

- Update app.py (cad7644d9b8a0c242f5af20a823a079e82926c4b)

app.py

@@ -27,7 +27,6 @@ questions_db = {
         ("Which river flows through Egypt?", ["Nile", "Amazon", "Ganges", "Yangtze"], "Nile"),
         ("What is the capital of Japan?", ["Tokyo", "Kyoto", "Osaka", "Sapporo"], "Tokyo"),
         ("Which is the smallest country in the world?", ["Monaco", "Vatican City", "San Marino", "Liechtenstein"], "Vatican City"),
-        # Add more questions...
     ],
     "Science": [
         ("What is the chemical symbol for water?", ["H2O", "CO2", "O2", "H2"], "H2O"),
@@ -35,7 +34,6 @@ questions_db = {
         ("What planet is known as the Red Planet?", ["Venus", "Mars", "Jupiter", "Saturn"], "Mars"),
         ("Who developed the theory of relativity?", ["Isaac Newton", "Albert Einstein", "Nikola Tesla", "Marie Curie"], "Albert Einstein"),
         ("What is the largest organ in the human body?", ["Heart", "Skin", "Lungs", "Brain"], "Skin"),
-        # Add more questions...
     ],
     "Math": [
         ("What is 5 * 12?", ["50", "60", "55", "70"], "60"),
@@ -43,7 +41,6 @@ questions_db = {
         ("What is 15 + 25?", ["35", "40", "45", "50"], "40"),
         ("What is the value of pi?", ["3.14", "3.15", "3.16", "3.17"], "3.14"),
         ("What is 20 / 4?", ["5", "6", "7", "8"], "5"),
-        # Add more questions...
     ],
     "IPL": [
         ("Which IPL team won the 2020 IPL season?", ["Mumbai Indians", "Delhi Capitals", "Royal Challengers Bangalore", "Chennai Super Kings"], "Mumbai Indians"),
@@ -51,7 +48,6 @@ questions_db = {
         ("Who won the first-ever IPL match?", ["Kolkata Knight Riders", "Royal Challengers Bangalore", "Chennai Super Kings", "Mumbai Indians"], "Kolkata Knight Riders"),
         ("Which IPL team is known as the 'Yellow Army'?", ["Chennai Super Kings", "Mumbai Indians", "Delhi Capitals", "Sunrisers Hyderabad"], "Chennai Super Kings"),
         ("Who hit the most sixes in the 2020 IPL season?", ["Shivam Dube", "AB de Villiers", "Ishan Kishan", "Kieron Pollard"], "Ishan Kishan"),
-        # Add more questions...
     ]
 }
 
@@ -175,35 +171,18 @@ def start_game(game_data):
 
             st.success(f"Game Over! Your final score is {score}")
 
-# Function to display the leaderboard
+# Function to display the leaderboard with animations
 def display_dashboard():
     leaderboard_df = load_leaderboard()
 
     st.subheader("Top 3 Players")
     top_3 = leaderboard_df.head(3)
-    for index, row in top_3.iterrows():
-        st.write(f"{row['name']} ({row['score']} points) {row['avatar']}")
-
-    # Pie chart for the distribution of player scores
-    fig = go.Figure(data=[go.Pie(labels=leaderboard_df['name'], values=leaderboard_df['score'], hole=0.3)])
-    fig.update_layout(title="Score Distribution")
-    st.plotly_chart(fig)
-
-    # Bar chart of leaderboard rankings
-    fig = px.bar(
-        leaderboard_df,
-        x='name',
-        y='score',
-        color='name',
-        title="Leaderboard",
-        labels={'name': 'Player', 'score': 'Score'},
-        hover_data=["avatar"]
-    )
-    st.plotly_chart(fig)
-
-    # Animation for first-place winner (balloon effect)
-    first_place = leaderboard_df.iloc[0] if not leaderboard_df.empty else None
+    
+    # First Place Winner - Celebration Animation
+    first_place = top_3.iloc[0] if not leaderboard_df.empty else None
     if first_place is not None:
+        st.write(f"🏆 {first_place['name']} - {first_place['score']} points! 🎉 {first_place['avatar']}")
+        st.markdown("<h3 style='color: gold;'>🎉 Congratulations on First Place! 🎉</h3>", unsafe_allow_html=True)
         html_code = f"""
         <div style="text-align: center;">
             <h2>🏆 Winner: {first_place['name']} 🏆</h2>
@@ -223,6 +202,71 @@ def display_dashboard():
         """
         html(html_code)
 
+    # Second Place Winner - Celebration Animation
+    if len(top_3) > 1:
+        second_place = top_3.iloc[1]
+        st.write(f"🥈 {second_place['name']} - {second_place['score']} points! {second_place['avatar']}")
+        st.markdown("<h3 style='color: silver;'>👏 Congratulations on Second Place! 👏</h3>", unsafe_allow_html=True)
+        html_code = f"""
+        <div style="text-align: center;">
+            <h2>🥈 Runner-up: {second_place['name']} 🥈</h2>
+            <p>Score: {second_place['score']}</p>
+            <p>Avatar: {second_place['avatar']}</p>
+        </div>
+        <div style="animation: clap 1s linear infinite;">
+            👏👏👏
+        </div>
+        <style>
+        @keyframes clap {{
+            0% {{ transform: scale(1); }}
+            50% {{ transform: scale(1.2); }}
+            100% {{ transform: scale(1); }}
+        }}
+        </style>
+        """
+        html(html_code)
+
+    # Third Place Winner - Celebration Animation
+    if len(top_3) > 2:
+        third_place = top_3.iloc[2]
+        st.write(f"🥉 {third_place['name']} - {third_place['score']} points! {third_place['avatar']}")
+        st.markdown("<h3 style='color: #cd7f32;'>👍 Nice Try on Third Place! 👍</h3>", unsafe_allow_html=True)
+        html_code = f"""
+        <div style="text-align: center;">
+            <h2>🥉 Third Place: {third_place['name']} 🥉</h2>
+            <p>Score: {third_place['score']}</p>
+            <p>Avatar: {third_place['avatar']}</p>
+        </div>
+        <div style="animation: thumbsUp 1s linear infinite;">
+            👍
+        </div>
+        <style>
+        @keyframes thumbsUp {{
+            0% {{ transform: rotate(0deg); }}
+            50% {{ transform: rotate(20deg); }}
+            100% {{ transform: rotate(0deg); }}
+        }}
+        </style>
+        """
+        html(html_code)
+
+    # Pie chart for the distribution of player scores
+    fig = go.Figure(data=[go.Pie(labels=leaderboard_df['name'], values=leaderboard_df['score'], hole=0.3)])
+    fig.update_layout(title="Score Distribution")
+    st.plotly_chart(fig)
+
+    # Bar chart of leaderboard rankings
+    fig = px.bar(
+        leaderboard_df,
+        x='name',
+        y='score',
+        color='name',
+        title="Leaderboard",
+        labels={'name': 'Player', 'score': 'Score'},
+        hover_data=["avatar"]
+    )
+    st.plotly_chart(fig)
+
 # Main function to handle Streamlit app
 def main():
     st.title('AI Quiz Game')
@@ -243,6 +287,5 @@ def main():
     elif mode == "Leaderboard":
         display_dashboard()
 
-# Run the Streamlit app
 if __name__ == "__main__":
     main()