https://github.com/future-rafay/words-game
🎮 A fun and educational web-based game where players guess famous quotes and learn their meanings. Built with HTML, CSS, and JavaScript.
https://github.com/future-rafay/words-game
chatgpt4 css html5 javascript sweetalert2
Last synced: 2 months ago
JSON representation
🎮 A fun and educational web-based game where players guess famous quotes and learn their meanings. Built with HTML, CSS, and JavaScript.
- Host: GitHub
- URL: https://github.com/future-rafay/words-game
- Owner: Future-Rafay
- License: mit
- Created: 2025-05-31T12:37:12.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-05-31T16:01:54.000Z (about 1 year ago)
- Last Synced: 2025-06-15T12:09:23.384Z (about 1 year ago)
- Topics: chatgpt4, css, html5, javascript, sweetalert2
- Language: JavaScript
- Homepage: https://wisdom-grid.vercel.app/
- Size: 997 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Wisdom Grid 🎮
A fun and educational web-based game where players guess famous quotes and learn their meanings. Built with HTML, CSS, and JavaScript.
## 🌟 Features
- **Multiple Categories**: Choose from various quote categories:
- Prophet's Sayings
- Islamic Quotes
- Motivational Quotes
- Famous Phrases
- Random Category (mixes all categories)
- **Interactive Gameplay**:
- Guess letters to reveal the hidden quote
- Three attempts for wrong guesses
- Hint system (3 hints per game)
- Streak tracking system
- **Educational Value**:
- Learn meanings behind famous quotes
- Discover wisdom from different sources
- Improve vocabulary and knowledge
- **User-Friendly Interface**:
- Clean, modern design
- Responsive layout
- Sound effects and animations
- Dark mode theme
## 🎮 How to Play
1. Click "Start Game" on the main menu
2. Select a quote category
3. Guess letters by clicking on the keyboard
4. Use hints if needed (3 hints per game)
5. Try to complete the quote before running out of attempts
6. Learn the meaning of the quote after each game
## ⚙️ Settings
- Toggle sound effects
- Toggle background music
- Show/hide hint numbers
- View current and best streaks
## 🛠️ Technologies Used
- HTML5
- CSS3 (with Tailwind CSS)
- JavaScript (Vanilla)
- SweetAlert2 for modals
- Local Storage for saving game progress
## 🚀 Getting Started
1. Clone the repository:
```bash
git clone https://github.com/Future-Rafay/Words-game
```
2. Open `index.html` in your web browser
3. Start playing!
## 📝 Adding New Quotes
To add new quotes, edit the `quotes.js` file. Follow this format:
```javascript
{
quote: "Your quote here",
author: "Author name",
meaning: "Meaning of the quote"
}
```
## 🤝 Contributing
Contributions are welcome! Please feel free to submit a Pull Request.
1. Fork the repository
2. Create your feature branch (`git checkout -b feature/AmazingFeature`)
3. Commit your changes (`git commit -m 'Add some AmazingFeature'`)
4. Push to the branch (`git push origin feature/AmazingFeature`)
5. Open a Pull Request
## 📄 License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
## 👨💻 Author
**Rafay Nadeem**
- LinkedIn: [Rafay Nadeem](https://www.linkedin.com/in/rafay-nadeem-web-developer/)
- GitHub: [@future-rafay](https://github.com/future-rafay)
## 🙏 Acknowledgments
- Thanks to all contributors
- Inspired by word-guessing games
- Built with educational purposes in mind
## 📞 Contact
If you have any questions or suggestions, feel free to reach out:
- Email: your.email@example.com
- LinkedIn: [Rafay Nadeem](https://www.linkedin.com/in/rafay-nadeem-web-developer/)
---
Made with ❤️ by Rafay Nadeem