GameHub is a responsive, dark-themed web portal that allows users to browse, search, and play a variety of free online HTML5 games. It features a modern user interface with neon accents, smooth hover effects, and instant filtering.
I do not own, develop, or host any of the playable games featured on this website. GameHub acts strictly as an aggregator and portal. Clicking on any game card redirects the user to the original publisher's platform via GameDistribution. This project was built specifically for educational and portfolio purposes to demonstrate frontend web development skills.
- Real-time Search: Instantly filter through the game library using the top search bar. If no games match, a friendly "No results" message is displayed.
- Category Filtering: Easily navigate between genres using the navigation pills (🔫 Action, ⚽ Sports, 🏎️ Racing, 🗺️ Adventure, 🧩 Puzzle, 📱 All Games).
- Responsive Design: A CSS Grid layout ensures the game cards look great on both desktop monitors and mobile devices.
- Modern UI/UX: Features a sticky header, smooth transitions, glassmorphism elements, and neon hover borders.
- Monetization & Tracking Ready: Pre-configured slots for Google AdSense and Google Analytics (
gtag.js).
- HTML5: Semantic structure and layout.
- CSS3: Custom styling, CSS Grid, Flexbox, and animations.
- Vanilla JavaScript: DOM manipulation for search logic and category filtering.
📦 WORKING HTMLGAME
┣ 📜 index.html # Main application file (HTML, CSS, JS)
┣ 📜 ads.txt # AdSense verification file
┣ 📜 style.css # External stylesheet
┗ 🖼️ *.jpg # Local game thumbnail assets (image1.jpg - image24.jpg)