Update app.py

app.py

@@ -1,21 +1,27 @@
-# ------------------ Final Version: Mini Game Arcade (Showcase-Ready) ------------------
 import streamlit as st
 import random
 import time
+from datetime import datetime
 
-# ------------------ Page Setup ------------------
-st.set_page_config(page_title="🎮 Mini Game Arcade", layout="centered")
+st.set_page_config(page_title="🎮 Ultimate Mini Game Arcade", layout="centered")
 st.markdown("""
     <style>
-    .big-title {font-size: 2.5em; font-weight: bold; text-align: center; margin-bottom: 10px;}
-    .subtitle {text-align: center; color: #888; font-size: 1.2em; margin-bottom: 20px;}
-    .card {border-radius: 15px; padding: 20px; background-color: #f4f4f4; box-shadow: 0 2px 10px rgba(0,0,0,0.1); margin-bottom: 30px;}
-    .scoreboard {font-size: 1.1em; font-weight: bold; color: #444;}
+    .main {
+        background-color: #f4f4f4;
+        padding: 1rem;
+        border-radius: 20px;
+    }
+    .game-box {
+        background-color: white;
+        padding: 1rem;
+        border-radius: 15px;
+        box-shadow: 0 0 10px rgba(0,0,0,0.1);
+    }
     </style>
 """, unsafe_allow_html=True)
 
-st.markdown("<div class='big-title'>🎮 Mini Game Arcade</div>", unsafe_allow_html=True)
-st.markdown("<div class='subtitle'>A collection of fun and smart mini games for everyone ✨</div>", unsafe_allow_html=True)
+st.title("🎮 Ultimate Mini Game Arcade")
+st.caption("Play multiple fun games in a beautiful interface ✨")
 st.markdown("---")
 
 # ------------------ Game Selector ------------------
@@ -24,147 +30,193 @@ games = [
     "Guess the Number",
     "Word Scramble",
     "Emoji Quiz",
-    "Hangman",
+    "Hangman (Mini)",
     "Math Quiz",
     "Quick Typing Challenge",
     "Memory Test",
-    "Tic Tac Toe",
-    "Reaction Timer"
+    "Tic Tac Toe"
 ]
 
-selected_game = st.selectbox("🕹️ Pick a game to play", games)
+selected_game = st.selectbox("🕹️ Choose a game to play:", games)
 st.markdown("---")
 
-# ------------------ Score Tracker ------------------
-if "score" not in st.session_state:
-    st.session_state.score = 0
-
-# ------------------ Game Implementations ------------------
-
+# ------------------ Games ------------------
 def rock_paper_scissors():
-    st.markdown("<div class='card'>", unsafe_allow_html=True)
     st.subheader("🪨 Rock Paper Scissors")
-    user = st.radio("Your move:", ["Rock", "Paper", "Scissors"], horizontal=True)
-    if st.button("Play"):
+    player = st.radio("Choose your move:", ["Rock", "Paper", "Scissors"], horizontal=True)
+    if st.button("Play!"):
         computer = random.choice(["Rock", "Paper", "Scissors"])
         st.write(f"Computer chose: **{computer}**")
-        if user == computer:
+        if player == computer:
             st.info("It's a draw!")
-        elif (user == "Rock" and computer == "Scissors") or \
-             (user == "Paper" and computer == "Rock") or \
-             (user == "Scissors" and computer == "Paper"):
-            st.session_state.score += 1
+        elif (player == "Rock" and computer == "Scissors") or \
+             (player == "Paper" and computer == "Rock") or \
+             (player == "Scissors" and computer == "Paper"):
             st.success("You win!")
         else:
             st.error("You lose!")
-    st.markdown("</div>", unsafe_allow_html=True)
 
 def guess_the_number():
-    st.markdown("<div class='card'>", unsafe_allow_html=True)
     st.subheader("🔢 Guess the Number")
-    if "guess_number" not in st.session_state:
-        st.session_state.guess_number = random.randint(1, 10)
-        st.session_state.attempts_left = 3
-
-    guess = st.number_input("Guess a number between 1 and 10:", 1, 10, step=1)
+    if "target_number" not in st.session_state:
+        st.session_state.target_number = random.randint(1, 20)
+        st.session_state.attempts_left = 5
+
+    guess = st.number_input("Enter a guess (1-20):", min_value=1, max_value=20, step=1)
+    col1, col2 = st.columns(2)
+    with col1:
+        if st.button("Guess"):
+            st.session_state.attempts_left -= 1
+            if guess == st.session_state.target_number:
+                st.success("🎉 Correct!")
+                del st.session_state.target_number
+            elif st.session_state.attempts_left == 0:
+                st.error(f"😢 Out of attempts! The number was {st.session_state.target_number}")
+                del st.session_state.target_number
+            elif guess < st.session_state.target_number:
+                st.warning("Too low!")
+            else:
+                st.warning("Too high!")
+    with col2:
+        st.info(f"Attempts left: {st.session_state.attempts_left}")
+
+def word_scramble():
+    st.subheader("🔡 Word Scramble")
+    words = ["streamlit", "developer", "python", "banana"]
+    if "scramble_word" not in st.session_state:
+        st.session_state.scramble_word = random.choice(words)
+    scrambled = ''.join(random.sample(st.session_state.scramble_word, len(st.session_state.scramble_word)))
+    st.write(f"Unscramble this: **{scrambled}**")
+    answer = st.text_input("Your guess:")
     if st.button("Check"):
-        st.session_state.attempts_left -= 1
-        if guess == st.session_state.guess_number:
+        if answer.lower() == st.session_state.scramble_word:
             st.success("Correct!")
-            st.session_state.score += 1
-            st.session_state.guess_number = random.randint(1, 10)
-            st.session_state.attempts_left = 3
-        elif st.session_state.attempts_left > 0:
-            st.warning(f"Wrong! Attempts left: {st.session_state.attempts_left}")
+            del st.session_state.scramble_word
         else:
-            st.error(f"Out of attempts! The number was {st.session_state.guess_number}")
-            st.session_state.guess_number = random.randint(1, 10)
-            st.session_state.attempts_left = 3
-    st.markdown("</div>", unsafe_allow_html=True)
+            st.error("Try again!")
+
+def emoji_quiz():
+    st.subheader("😁 Emoji Quiz")
+    quiz = {
+        "🍔🍟🥤": "Fast Food",
+        "🐶🐱": "Pets",
+        "🌍✈️": "Travel",
+        "⚽🏀": "Sports"
+    }
+    if "emoji_question" not in st.session_state:
+        st.session_state.emoji_question, st.session_state.emoji_answer = random.choice(list(quiz.items()))
+    st.write(f"What does this mean? {st.session_state.emoji_question}")
+    guess = st.text_input("Your answer:")
+    if st.button("Check Answer"):
+        if guess.strip().lower() == st.session_state.emoji_answer.lower():
+            st.success("Correct!")
+            del st.session_state.emoji_question
+            del st.session_state.emoji_answer
+        else:
+            st.error("Nope!")
+
+def hangman():
+    st.subheader("👻 Hangman")
+    words = ["pen", "sun", "dog", "python"]
+    if "hangman_word" not in st.session_state:
+        st.session_state.hangman_word = random.choice(words)
+        st.session_state.hangman_tries = 5
+
+    guess = st.text_input("Guess the word:")
+    if st.button("Submit"):
+        st.session_state.hangman_tries -= 1
+        if guess.lower() == st.session_state.hangman_word:
+            st.success("Correct!")
+            del st.session_state.hangman_word
+        elif st.session_state.hangman_tries <= 0:
+            st.error(f"Game over! Word was {st.session_state.hangman_word}")
+            del st.session_state.hangman_word
+        else:
+            st.warning(f"Incorrect! Tries left: {st.session_state.hangman_tries}")
+
+def math_quiz():
+    st.subheader("➕ Math Quiz")
+    if "a" not in st.session_state:
+        st.session_state.a = random.randint(1, 15)
+        st.session_state.b = random.randint(1, 15)
+    st.write(f"What is {st.session_state.a} + {st.session_state.b}?")
+    ans = st.number_input("Your answer:", step=1)
+    if st.button("Submit"):
+        if ans == st.session_state.a + st.session_state.b:
+            st.success("Correct!")
+            del st.session_state.a
+            del st.session_state.b
+        else:
+            st.error(f"Wrong! Answer is {st.session_state.a + st.session_state.b}")
 
 def quick_typing():
-    st.markdown("<div class='card'>", unsafe_allow_html=True)
     st.subheader("⌨️ Quick Typing Challenge")
+    words = ["keyboard", "streamlit", "python", "arcade"]
     if "typing_word" not in st.session_state:
-        st.session_state.typing_word = random.choice(["streamlit", "reaction", "keyboard", "python", "developer"])
+        st.session_state.typing_word = random.choice(words)
         st.session_state.start_time = time.time()
 
-    st.info(f"Type this word within time: **{st.session_state.typing_word}**")
-    user_input = st.text_input("Your input:")
-    if st.button("Submit"):
-        elapsed = time.time() - st.session_state.start_time
-        max_time = 2 + len(st.session_state.typing_word) * 0.5
-        if user_input == st.session_state.typing_word and elapsed <= max_time:
-            st.success(f"Correct in {elapsed:.2f} sec!")
-            st.session_state.score += 1
-        elif user_input != st.session_state.typing_word:
-            st.error("Incorrect word!")
+    st.info(f"Type this: **{st.session_state.typing_word}**")
+    user = st.text_input("Start typing:")
+    duration = len(st.session_state.typing_word) * 0.7
+    time_passed = time.time() - st.session_state.start_time
+
+    st.write(f"⏳ Time used: {int(time_passed)}s / {int(duration)}s")
+
+    if st.button("Check"):
+        if time_passed > duration:
+            st.error("Time exceeded!")
+        elif user == st.session_state.typing_word:
+            st.success("Perfect!")
         else:
-            st.error(f"Too slow! You took {elapsed:.2f} sec.")
-        st.session_state.typing_word = random.choice(["streamlit", "reaction", "keyboard", "python", "developer"])
-        st.session_state.start_time = time.time()
-    st.markdown("</div>", unsafe_allow_html=True)
+            st.error("Incorrect!")
+        del st.session_state.typing_word
 
 def memory_test():
-    st.markdown("<div class='card'>", unsafe_allow_html=True)
     st.subheader("🧠 Memory Test")
-    if "memory_emojis" not in st.session_state:
-        st.session_state.memory_emojis = random.sample(["🐶", "🍕", "🎮", "🎯", "🚀", "🏀"], 3)
-        st.session_state.memory_shown = True
-        st.session_state.memory_time = time.time()
-
-    if st.session_state.memory_shown:
-        st.write("Memorize these emojis:")
-        st.write(" ".join(st.session_state.memory_emojis))
-        if time.time() - st.session_state.memory_time > 5:
-            st.session_state.memory_shown = False
+    emojis = random.sample(["🍕", "🎈", "🐶", "🚗", "🍎", "🌟"], 4)
+    if "mem_start" not in st.session_state:
+        st.session_state.memory_emojis = emojis
+        st.session_state.mem_start = datetime.now()
+    st.info("You have 5 seconds to memorize these:")
+    if (datetime.now() - st.session_state.mem_start).seconds < 5:
+        st.code(" ".join(st.session_state.memory_emojis))
     else:
-        guess = st.text_input("Type the emojis in correct order (no spaces):")
-        if st.button("Submit"):
-            correct = "".join(st.session_state.memory_emojis)
-            if guess == correct:
+        guess = st.text_input("Enter one emoji you remember:")
+        if st.button("Check"):
+            if guess.strip() in st.session_state.memory_emojis:
                 st.success("Correct!")
-                st.session_state.score += 1
             else:
-                st.error(f"Wrong! It was {correct}")
-            st.session_state.memory_emojis = random.sample(["🐶", "🍕", "🎮", "🎯", "🚀", "🏀"], 3)
-            st.session_state.memory_shown = True
-            st.session_state.memory_time = time.time()
-    st.markdown("</div>", unsafe_allow_html=True)
-
-def reaction_timer():
-    st.markdown("<div class='card'>", unsafe_allow_html=True)
-    st.subheader("⚡ Reaction Timer")
-    if "reaction_start" not in st.session_state:
-        if st.button("Start Timer"):
-            wait = random.randint(2, 5)
-            time.sleep(wait)
-            st.session_state.reaction_start = time.time()
-            st.success("Click now!")
-    elif st.button("Click!"):
-        reaction_time = time.time() - st.session_state.reaction_start
-        st.success(f"Your reaction time: {reaction_time:.2f} sec")
-        st.session_state.score += 1
-        del st.session_state.reaction_start
-    st.markdown("</div>", unsafe_allow_html=True)
-
-# ------------------ Dispatcher ------------------
+                st.error(f"Oops! Emojis were: {' '.join(st.session_state.memory_emojis)}")
+            del st.session_state.mem_start
+
+# Placeholder for Tic Tac Toe — add if desired
+
+def tic_tac_toe():
+    st.subheader("❌ Tic Tac Toe")
+    st.info("Coming soon or under construction 🏗️")
+
+# ------------------ Game Dispatcher ------------------
+
 if selected_game == "Rock Paper Scissors":
     rock_paper_scissors()
 elif selected_game == "Guess the Number":
     guess_the_number()
+elif selected_game == "Word Scramble":
+    word_scramble()
+elif selected_game == "Emoji Quiz":
+    emoji_quiz()
+elif selected_game == "Hangman (Mini)":
+    hangman()
+elif selected_game == "Math Quiz":
+    math_quiz()
 elif selected_game == "Quick Typing Challenge":
     quick_typing()
 elif selected_game == "Memory Test":
     memory_test()
-elif selected_game == "Reaction Timer":
-    reaction_timer()
-# Placeholders for rest of games — you can fill in later as needed.
-
-# ------------------ Scoreboard ------------------
-st.markdown("---")
-st.markdown(f"<div class='scoreboard'>🏆 Total Score: {st.session_state.score}</div>", unsafe_allow_html=True)
+elif selected_game == "Tic Tac Toe":
+    tic_tac_toe()
 
 # ------------------ Footer ------------------
 st.markdown("---")
-st.markdown("<center>Made with ❤️ using Streamlit | By Mahrukh Mobin</center>", unsafe_allow_html=True)
+st.markdown("<center>🚀 Made with ❤️ to impress professors and professionals on LinkedIn!</center>", unsafe_allow_html=True)