minigames
Interactive Browser Games Collection
A collection of lightweight, interactive web-based games built to explore UI patterns, state management, and responsive design.
Demo
About
Minigames is a growing suite of playful browser-based games built to explore interactive UI, state management patterns, and responsive design using Vue 3. Each game is a self-contained Vue component with smooth animations, sound effects, and clean game loop logic.
This project serves as a creative sandbox to test modern frontend patterns like global state management with Pinia (Vue's state management library), reactivity handling in game loops, and performance optimization in real-time interactions. It's also a visual playground - each game is styled using TailwindCSS and adapts to mobile and desktop layouts.
Beyond prototyping game logic, the goal was to write production-quality component structure for each game, while still preserving the joy and spontaneity of classic arcade challenges.
Games
Memory Match
Classic memory match game with animated tile flipping, timer challenges, and high score saving to local storage.
Vue Composables
Clean separation between game loop logic and presentation using Vue composables for reusable game mechanics.
Modular System
Built as a modular platform for expanding new game types without refactoring core structure or state management.
Responsive Design
Responsive mobile-friendly layout with touch controls and minimal dependencies for fast loading.