🎯 Mini MasterMind (Prototype)

🧠 Goal

Build a fully interactive prototype of the classic MasterMind game using web technologies. This prototype focuses on user interaction, logic correctness, and a touch of visual design.

Game Logic reference: https://en.wikipedia.org/wiki/Mastermind_(board_game)

🚀 Features

• 🎉 Welcome screen with animations
• 🔢 Fully functional 4-digit guessing logic
• ✍️ Input via number pad (0–9), undo, and restart buttons
• 🎨 Stylish interface with custom CSS design
• 🧩 Feedback system for correct/incorrect guesses
• 🏆 Easter egg event (type Unlock1218 after winning)
• 🎆 Fun fireworks animation when special code is entered
• 💬 Hint system and animated emoji interactions

🛠️ Tools & Technologies

• 💻 HTML5
• 🎨 CSS3 (Flexbox, animation, and custom styling)
• 🧠 JavaScript (pure vanilla, no libraries)
• 🧰 Visual Studio Code
• 🌐 GitHub for version control
• 🟩 Node.js (used for local dev environment)

---

🙏 Credit:

• Juno College - https://junocollege.com/

⚡ Known UX Tip

💡 To enhance button responsiveness:

Use the :active pseudo-class to simulate a "press down" effect
Keep :hover styles subtle to avoid conflicting transitions.