🎮 Game Hub – Web-Based Microgame Collection Welcome to Game Hub — a beautifully crafted portfolio project featuring five unique, fully interactive browser-based games, each built with HTML, CSS, and JavaScript. Designed with a clean UI, consistent theme, and diverse game mechanics, Game Hub showcases creativity, technical skill, and user engagement.
Built by: Komal Karki 😈 Tech Stack: HTML5 · CSS3 · JavaScript (Vanilla) Live Preview: []
🚀 What is Game Hub? Game Hub is a responsive, animated game portal where users can choose from five games, each targeting a different skill or logic style. It's designed to be fast, fun, and visually consistent—featuring premium UI/UX with a neon/dark theme.
🧠 The Games 🔴 Chaotic Clicker A reaction game where you must click a teleporting button while being roasted. 30 seconds of chaos, laughter, and reflex-testing madness.
🎵 Echo Sequence A memory game inspired by Simon Says. Watch and listen to a sequence of lights and tones—then try to repeat it. Each round adds difficulty.
⌨ Word Sprint A typing-speed game. Words appear with a countdown bar—you must type them accurately before they vanish. Fail three times, and it's game over.
🎨 Color Thief A visual memory challenge. A color is shown briefly, then hidden. Use RGB or HSL sliders to recreate it as accurately as possible.
🤥 Lie Detector A trivia logic game. Decide if the displayed "fact" is true or false. Score based on your ability to separate real from ridiculous.
🧩 Project Structure game-hub/ ├── index.html # Landing page with game gallery ├── style.css # Landing page styles ├── script.js # Landing page interactions ├── chaotic-clicker/ # Game 1 │ ├── index.html │ ├── style.css │ └── script.js ├── echo-sequence/ # Game 2 ├── word-sprint/ # Game 3 ├── color-thief/ # Game 4 ├── lie-detector/ # Game 5 └── assets/ ├── fonts/ ├── images/ └── sounds/ Each game is self-contained with its own JS and CSS files and linked from the main index.html. Assets are organized and shared across all games.
🎨 Design System Color Theme: Neon on dark (Deep Indigo, Hot Pink, Electric Blue, Mint Green)
Fonts: Orbitron (Titles), Poppins or Inter (Body)
Design Principles: Glassmorphism, minimal gradients, subtle hover animations, glowing borders
Mobile-first design: All games and layouts are responsive
✨ Features 🔥 Clean modular code (vanilla JS, no frameworks)
🧠 Variety of logic: reflex, memory, trivia, color theory, typing
📱 Fully responsive (mobile, tablet, desktop)
💬 Animated transitions, hover effects, and UI polish
📊 Scoring systems, game-over screens, replay buttons
🧪 Custom game logic & interactions in each project
🌈 Thematic consistency across all games
🧠 Skills Demonstrated UI design + layout structuring
JavaScript game logic
Modular file separation
LocalStorage (if implemented)
DOM manipulation
Event handling
Game UX patterns (timers, state management, win/loss logic)
🏁 Future Plans Add global high score leaderboard
Convert into a React single-page app
Add login/user system
Add multiplayer features
🧑💻 Author Made with code, chaos & creativity by Evil Z 🌐 Website: [komalkarki.com.np] 🐱 GitHub: [github.com/komalkarki] 📸 Instagram: [@plot2insta]
Feel free to fork, remix, or reach out with feedback. Enjoy playing 😎🎮
Let me know if you want me to:
Auto-generate screenshots for each game
Write a LICENSE file
Help you create a GitHub Page or Netlify live deployment page
You're building a dev-grade arcade — and it's absolutely portfolio gold 🎯👾