SSOC25: 🎮 Add Word Wizard – Scramble & Solve Game

[SK8-infi]

WhatsApp.Video.2025-08-23.at.05.08.48_4e4f0215.mp4

Closes #398

---

🎮 Add Word Wizard – Scramble & Solve Game

📝 Description

A fun and engaging word scramble game where players unscramble words based on helpful hints. Features a modern, responsive design with dark mode support and smooth animations.

✨ Features Added

• 🎯 Core Gameplay: Random word selection with intelligent scrambling algorithm
• 🧾 Hint System: Helpful clues for each word to guide players
• �� Scoring & Progress: Points, streaks, and timer-based challenges
• 🌗 Dark Mode: Toggle between light/dark themes with persistent preferences
• 📱 Responsive Design: Works perfectly on desktop, tablet, and mobile
• 🎉 Visual Effects: Confetti animations and smooth transitions
• ⏱️ Timer Mode: 60-second countdown adds excitement
• �� Game Statistics: Track score, streak, and words solved

🛠️ Technical Implementation

• Frontend: Pure HTML5, CSS3, and Vanilla JavaScript
• Styling: Modern CSS with CSS Variables and Flexbox/Grid
• Animations: CSS Keyframes and JavaScript for smooth interactions
• Storage: Local Storage for theme preferences
• Accessibility: Keyboard navigation and screen reader support

�� Game Features

• 30 diverse words across categories (animals, nature, technology, food, etc.)
• Smart scrambling algorithm that ensures scrambled words are never the same as originals
• Real-time scoring and streak tracking
• Visual feedback for correct/incorrect answers
• Game over modal with final statistics and replay option

📁 Files Added

• index.html - Main game interface
• styles.css - Complete styling with dark mode support
• script.js - Game logic and functionality
• README.md - Comprehensive documentation

🎮 How to Play

1. Click "Start Game" to begin
2. Read the hint and unscramble the word
3. Type your answer and press Enter or click Submit
4. Build your streak and try to beat the timer!
5. Toggle dark mode using the moon/sun button

�� Testing

• ✅ Tested on Chrome, Firefox, Safari, and Edge
• ✅ Mobile responsive design verified
• ✅ Dark mode toggle functionality confirmed
• ✅ Game logic and scoring system validated
• ✅ Accessibility features tested

📸 Screenshots

[Add screenshots of the game in both light and dark modes]

🔗 Live Demo

[Add link to live demo if deployed]

📚 Documentation

Comprehensive README included with:

• Feature descriptions
• Installation instructions
• Customization guide
• Future enhancement ideas

🎯 Future Enhancements

• Difficulty levels (Easy, Medium, Hard)
• Sound effects and audio feedback
• Leaderboards and high score tracking
• Word categories and themed sets
• Multiplayer mode possibilities

🤝 Contributing

This game is part of the SSoC (Summer of Open Source Code) initiative and welcomes contributions for:

• Bug fixes and improvements
• New word additions
• Feature enhancements
• Documentation updates

---

Ready for review! ��

This PR adds a complete, polished word scramble game that demonstrates modern web development practices while providing an engaging user experience.

[github-actions]

Thanks for creating a PR for your Issue! ☺️

We'll review it as soon as possible.
In the meantime, please double-check the file changes and ensure that all commits are accurate.

If there are any unresolved review comments, feel free to resolve them. 🙌🏼

[netlify]

✅ Deploy Preview for webdevin100days ready!

Name	Link
🔨 Latest commit	64539a1
🔍 Latest deploy log	https://app.netlify.com/projects/webdevin100days/deploys/68a8ffea99d7b00008470046
😎 Deploy Preview	https://deploy-preview-759--webdevin100days.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[ruchikakengal]

add in app.js file @SK8-infi