🎮 GameHub

A futuristic browser gaming platform with 5 classic games, glassmorphism UI, and smooth animations. Built with vanilla HTML, CSS & JavaScript..

🚀 Demo

🎮 Play Now | 📱 Mobile Demo

✨ Features

• 🎯 5 Classic Games - Tic Tac Toe, Snake, Simon Says, Memory Flip, Rock Paper Scissors
• 📱 Fully Responsive - Perfect on desktop, tablet, and mobile
• 🎨 Modern UI - Built with Tailwind CSS and DaisyUI
• ⚡ Fast & Lightweight - No frameworks, pure vanilla JS
• 💾 Score Persistence - LocalStorage saves your progress
• 🔍 Real-time Search - Filter games instantly
• 🎭 Smooth Animations - AOS and Animate.css effects

🎮 Games

Game	Description	Features
🎯 Tic Tac Toe	Classic 3x3 grid	Score tracking, animations
🐍 Snake	Canvas-based arcade	Keyboard/touch controls, high scores
🎵 Simon Says	Memory pattern game	Progressive difficulty, visual feedback
🧠 Memory Flip	Card matching	Move counter, best score tracking
✂️ Rock Paper Scissors	VS Computer	Win/loss statistics, animations

🛠️ Tech Stack

• Frontend: HTML5, CSS3, Vanilla JavaScript
• Styling: Tailwind CSS, DaisyUI
• Animations: AOS.js, Animate.css
• Icons: Font Awesome
• Storage: LocalStorage API

🚀 Quick Start

# Clone the repository
git clone https://github.com/your-username/GameHub.git

# Navigate to project directory
cd GameHub

# Open in browser
open index.html

That's it! No build process or dependencies required.

📁 Project Structure

GameHub/
├── 📄 index.html          # Homepage
├── 🎨 style.css           # Custom styles
├── ⚡ main.js             # Main logic
├── 🎮 games/              # Game pages
│   ├── tic-tac-toe.html
│   ├── snake.html
│   ├── simon.html
│   ├── memory.html
│   └── rps.html
└── 📜 scripts/            # Game logic
    ├── tic-tac-toe.js
    ├── snake.js
    ├── simon.js
    ├── memory.js
    └── rps.js

🎨 Screenshots

Click to view screenshots

Homepage

Games

🔧 Adding New Games

1. Create game HTML in /games/ folder
2. Create game script in /scripts/ folder
3. Add to games array in main.js:

{
    id: 'your-game',
    title: 'Your Game',
    description: 'Game description',
    image: 'path/to/image',
    file: 'games/your-game.html',
    category: 'arcade'
}

🌟 Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

1. Fork the project
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

📱 Browser Support

Browser	Support
Chrome	✅
Firefox	✅
Safari	✅
Edge	✅
Mobile	✅

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

🙏 Acknowledgments

• Tailwind CSS for the utility-first CSS framework
• DaisyUI for beautiful UI components
• AOS for scroll animations
• Font Awesome for icons

---

⭐ Star this repo • 🐛 Report Bug • ✨ Request Feature

Made with ❤️ by Kaif Ansari