pedrogardim / mastermind

Web adaptation of the classic code-breaking board game Mastermind

Mastermind Web 🧠🔐

Welcome my web adaptation of the classic code-breaking board game Mastermind, made with HTML, CSS and TypeScript!

This was made as my 3rd project for the Geekshub Academy Full Stack Delevoper Bootcamp.

🚀 Usage

Simply click here to access web app.

🌟 Features

• Minimalist UI with Transitions: A clean and modern interface with smooth transitions to enhance the gameplay experience.
• Three Levels of Difficulty: Whether you're a novice or a Mastermind maestro, choose a difficulty that matches your skill.
• Responsive Design: Seamlessly play on desktop, tablet, or mobile devices.
• Local Leaderboard: Every game you play is stored locally. Challenge yourself and track your progress with a leaderboard built from locally stored data.

🎮 How to Play

1. Initial Screen: You should choose a player name, difficulty, change the default colors if you will, and then press "Start".
2. Initialization: At the outset, the computer decides on a secret color code.
3. Guesswork: Now you should make your best guess by choosing a sequence of colors.
4. Feedback: After every guess, feedback is provided through pegs:
   • White Peg: Correct color but wrong position.
   • Dark Peg: Correct color but wrong position.
   • Blue Peg: Correct color and correct position.
5. Victory: The game concludes once the player successfully deduces the secret code.

✒️ Author

• Pedro Gardim - Project Developer
  • GitHub - LinkedIn - Portfolio

🎓 Acknowledgements

• A big shoutout to the Geekshubs Academy for the opportunity to learn and grow as a developer.