Update app.py

app.py

@@ -50,6 +50,43 @@ st.markdown('''
         font-weight: 500;
     }
     
+    /* Syllabus Coverage Container */
+    .syllabus-container {
+        background: linear-gradient(135deg, rgba(0, 212, 255, 0.1), rgba(102, 126, 234, 0.1));
+        border-radius: 12px;
+        padding: 1rem;
+        margin: 1rem 0;
+        border-left: 4px solid #00D4FF;
+    }
+    
+    .syllabus-title {
+        color: #00D4FF !important;
+        font-weight: 700 !important;
+        font-size: 0.95rem !important;
+    }
+    
+    .syllabus-item {
+        background: rgba(0, 212, 255, 0.15);
+        border-left: 3px solid #00FF88;
+        padding: 0.6rem 0.7rem;
+        margin: 0.6rem 0;
+        border-radius: 6px;
+        color: #00FF88 !important;
+        font-size: 0.8rem !important;
+        line-height: 1.4 !important;
+    }
+    
+    .syllabus-topic-name {
+        font-weight: 700 !important;
+        color: #00FF88 !important;
+    }
+    
+    .syllabus-topic-usage {
+        color: #E0E0E0 !important;
+        font-size: 0.75rem !important;
+        margin-top: 0.2rem;
+    }
+    
     /* Main Title */
     h1 {
         font-family: 'Orbitron', sans-serif !important;
@@ -443,6 +480,18 @@ LEARNING_INSIGHTS = [
     "📈 Exponential Growth: Why depth 8 takes 10x longer than depth 5",
 ]
 
+# Syllabus Topics Covered with Descriptions
+SYLLABUS_TOPICS = [
+    ("Introduction to AI", "Foundation of intelligent game-playing agents"),
+    ("Problem Solving as State Space Search", "Game board states as search space nodes"),
+    ("Uninformed Search", "Exhaustive exploration of game tree depths"),
+    ("Heuristic Search", "Evaluation function ranks promising moves"),
+    ("Informed Search", "Alpha-beta pruning guides intelligent exploration"),
+    ("Searching AND/OR Graphs", "Min-max alternation in game tree traversal"),
+    ("Game Playing", "Core minimax algorithm with depth-limited search"),
+    ("Minimax + Alpha-Beta", "Pruning optimization reduces computation by 70%"),
+]
+
 # Initialize Session State
 if 'game' not in st.session_state:
     st.session_state.game = ConnectFour()
@@ -558,6 +607,14 @@ if st.session_state.game_mode == "Two Player":
     st.sidebar.markdown(f'<div class="metric-container"><strong>Player 1 (🔴):</strong> {len(st.session_state.player1_analyses)} moves</div>', unsafe_allow_html=True)
     st.sidebar.markdown(f'<div class="metric-container"><strong>Player 2 (🟡):</strong> {len(st.session_state.player2_analyses)} moves</div>', unsafe_allow_html=True)
 
+# Syllabus Coverage Section with Expander - CLEAN VERSION
+st.sidebar.markdown("---")
+with st.sidebar.expander("📚 SYLLABUS COVERAGE (8 Topics)"):
+    st.markdown('<div class="syllabus-container"><div class="syllabus-title">Topics Covered in This Project</div></div>', unsafe_allow_html=True)
+    
+    for topic_name, topic_usage in SYLLABUS_TOPICS:
+        st.markdown(f'<div class="syllabus-item"><span class="syllabus-topic-name">✅ {topic_name}</span><div class="syllabus-topic-usage">{topic_usage}</div></div>', unsafe_allow_html=True)
+
 # Move History
 if st.session_state.move_history:
     with st.sidebar.expander("📜 MOVE HISTORY"):
@@ -918,4 +975,4 @@ if st.session_state.game_over and st.session_state.move_history_detailed:
         file_name=f"connect_four_match_report_{timestamp}.txt",
         mime="text/plain",
         use_container_width=True
-    )
+    )