In Missionaries & Cannibals Enhance CSS Design and Improve Game Functionality

[govindaa-sharma]

The current implementation of the Missionaries and Cannibals game is functional but could benefit from enhancements in both visual design and user experience. The following improvements are suggested to make the game more engaging and intuitive:

CSS Design Improvements:
Add animations for boat movement and passenger transitions to improve visual feedback.
Use hover effects and animations for buttons and game elements to make interactions more dynamic.
Introduce background themes (e.g., river, trees) to create a more immersive environment.
Add distinctive icons for missionaries and cannibals to make them visually distinguishable.
Improve responsiveness for mobile and smaller screens to support a wider range of devices.
Victory and Game Over Messages:

Replace alert() boxes with dynamic messages displayed directly on the UI.
Highlight winning or losing states with visual effects (e.g., background color changes or animations).
Button States:

Dynamically disable the 'Move Boat' button when no passengers are on the boat.
Highlight passengers on selection to show their active state.
Reset Functionality:

Ensure the reset button clears any victory or game-over messages and fully resets the state.
Error Feedback:

Display specific error messages (e.g., "Boat is empty!") dynamically, without disrupting gameplay.
Counter for Moves:

Add a move counter to track the number of steps taken, encouraging optimization.
Sound Effects:

Include sounds for moving passengers and the boat to make the gameplay more interactive.

This enhancement aims to improve the game’s aesthetic appeal, usability, and engagement factor, making it more enjoyable for players.

[github-actions]

Thank you for raising this issue! We'll look into it as soon as possible. Please ensure that the issue is not duplicate, and you read CONTRIBUTING.md carefully. Your contributions are highly appreciated! 😊

[govindaa-sharma]

@dhairyagothi please assign me this issue under swoc

[dhairyagothi]

go for it 🚀 @govindaa-sharma