Welcome to our collection of interactive projects and experiments! Each project is containerized and integrated into the dev environment.
An elemental puzzle game featuring octagonal gems, strategic objectives, and immersive gameplay. Built with modern web technologies and containerized for easy deployment.
Features:
Tech Stack:
A professional mobile block-matching puzzle game that combines addictive match-3 mechanics with collectible trading card elements. Where Tetris meets Pokémon in the most satisfying way possible!
Features:
Tech Stack:
RhythmMech combines anime/kawaii aesthetics with mecha/sci-fi visual elements in an engaging rhythm game experience. Players tap, hold, and drag circular targets synchronized to music, featuring sophisticated scoring systems and combo mechanics.
Features:
Visual Design:
Tech Stack:
A comprehensive tournament management system built for the Playtopia Dev Lab infrastructure. Supports multiple tournament formats, real-time bracket updates, and integrates seamlessly with Authelia for authentication and user management.
Features:
Tournament Types:
Tech Stack:
A comprehensive Monthly Service Review automation tool designed for Nexon-Ausgrid’s reporting workflow. Transforms manual Excel manipulation and PowerPoint creation into a streamlined, automated process with intelligent data processing and editable commentary fields.
Features:
Tech Stack:
More projects will be added as we continue building and experimenting in the dev labs!
🌟 Elemedals ⚡ Play Now 🚀 Launch Elemedals Elemental match-3 puzzle with power-ups and combo system Overview Elemedals is a refined elemental match-3 puzzle game featuring five distinct elements: Earth, Fire, Water, Light, and Dark. Built with HTML5 Canvas and vanilla JavaScript, it delivers smooth puzzle gameplay with strategic power-ups, combo systems, and progressive difficulty scaling. 🎮 Core Game Features Five Element System: Earth (🌳), Fire (🔥), Water (💧), Light (☀️), Dark (💀) Strategic Power-ups: Landmine, Line Clear, Element Drain, Scramble Combo System: Chain matches for multiplier scoring Progressive Objectives: Dynamic level goals with scaling difficulty Mobile-Optimized: Responsive canvas with touch controls Particle Effects: Visual feedback for matches and special abilities Professional UI: Clean interface with elemental color theming ⚡ Power-up Arsenal 💥 Landmine (3 uses): Clear 3x3 area around target ⚡ Line Clear (2 uses): Choose horizontal or vertical line destruction 🌀 Element Drain (1 use): Remove all blocks of selected element 🔄 Scramble (2 uses): Reorganize board layout strategically 🏗️ Technical Architecture Technology Stack Component Technology Purpose Game Engine HTML5 Canvas + JavaScript ES6 Lightweight 2D rendering and game logic Graphics Canvas 2D Context Smooth animations and visual effects Input System Mouse/Touch Events Cross-platform interaction handling Deployment Docker + nginx Static hosting with performance optimization SSL/Proxy Traefik v3.
🎮 Match’n Gacha 🎲 Play Now 🚀 Launch Match'n Gacha Mobile-optimized block-matching puzzle with gacha mechanics Overview Match’n Gacha is a professional-grade mobile block-matching puzzle game that combines addictive match-3 mechanics with collectible trading card elements. Built with modern web technologies, it delivers a polished gaming experience with revolutionary risk/reward psychology. 🎯 Core Game Features Perfect Match-3 Mechanics: Flawless block-matching with zero bugs or crashes Power-up System: Bombs, rockets, and rainbow blocks created from special matches Revolutionary Token Economy: Earn tokens for objectives with persistent storage Double-or-Nothing System: Risk/reward choices after every level completion Smart Difficulty Scaling: Enhanced challenge progression with tougher goals Mobile-First Design: Optimized touch controls and responsive UI Theme System: 3 distinct visual themes (Classic, Neon Cyberpunk, Kawaii) 🎲 Addictive Game Loop Complete Objective → Earn 1 Token + Celebration Choice Modal → “Next Level” (safe) vs “Wager Token” (risky) Wager Path → New objective, same level, remaining moves, 2x reward Success → Double tokens + choice modal again (compound wagering!
🎵 RhythmMech 🎵 Play Now 🚀 Launch RhythmMech Anime/Mecha rhythm game with synthesized audio Overview RhythmMech is a professional mobile-first rhythm game with anime/kawaii aesthetic and mecha-inspired visual effects. Built with Phaser.js and featuring a complete synthesized audio system, it delivers an immersive rhythm gaming experience with industrial blast door transitions and advanced note mechanics. 🎮 Core Game Features Complete Audio System: Synthesized background music and sound effects Mobile-First Design: Optimized touch controls and responsive UI Hold Note Mechanics: Long-duration notes with timing precision Industrial Blast Doors: Immersive transition effects between scenes Drag-Scrollable Track Selection: Smooth track browsing interface Custom Laser Sound Effects: Synthetically generated audio feedback Comprehensive Beatmap System: Multiple difficulty levels per track Professional Scoring: Combo system with performance metrics 🎵 Audio System Highlights 3 Background Music Tracks: Industrial, synthwave, and kawaii-style compositions 8 Sound Effects: Perfect, great, good, miss, combo, shield, and UI sounds ADSR Envelope Shaping: Professional attack/decay/sustain/release curves BPM Matching: Music tempo synchronized with track metadata Web Audio API: Low-latency playback for rhythm precision 🏗️ Technical Architecture Technology Stack Component Technology Purpose Game Engine Phaser.
🏆 Tournament Manager 🏆 Access Tournament Manager 🚀 Launch Tournament Manager Professional tournament management with real-time brackets Overview Tournament Manager is a comprehensive tournament management system built specifically for the Playtopia Dev Lab infrastructure. It provides complete tournament organization capabilities with support for multiple tournament formats, real-time bracket updates, and seamless integration with Authelia for authentication and user management. 🏆 Core Tournament Features Multiple Tournament Formats: Single Elimination, Double Elimination, Round Robin, Swiss System Real-time Bracket Updates: Live match results and bracket progression via WebSocket Participant Management: Registration, seeding, capacity control, and manual entry support Match Result Processing: Score validation, winner determination, and automatic bracket progression Tournament Rules Engine: Customizable rule sets with categorization and priority management Role-based Access Control: Admin, Tournament Organizer, and Participant roles with appropriate permissions User Statistics: Comprehensive performance tracking, win/loss records, and tournament history Mobile Responsive: Optimized interface for both desktop and mobile tournament management 🎮 Tournament Format Support Single Elimination: Traditional knockout bracket with bye handling and bracket size optimization Double Elimination: Main bracket with losers bracket providing second chances for participants Round Robin: Round-robin format where every participant plays every other participant Swiss System: Skill-based pairing system ideal for larger tournaments with multiple rounds 🏗️ Technical Architecture Technology Stack Component Technology Purpose Backend API Express.
📊 Regression Tester Pro 🔧 Access Platform 🚀 Launch RTP Platform Full-stack testing template and instance management platform Overview Regression Tester Pro (RTP) is a comprehensive full-stack testing instance management platform that standardizes test case creation across teams. Built with Next.js 14 and Node.js, it provides dynamic testing template creation, systematic test execution tracking, and integrated file attachment management. 🎯 Core Platform Features Testing Template Builder: Create reusable testing templates with dynamic field types Testing Instance Management: Generate testing instances from templates with detailed test steps Step-by-Step Execution: Comprehensive test step tracking with status management File Attachment System: Upload and manage test artifacts via MinIO S3-compatible storage Tag Management: Full CRUD operations for organizing content with visual tag system User Management: Role-based access control (Admin/Manager/User) via Authelia Rich Text Editing: TipTap-powered editor for detailed descriptions and documentation 🔧 Updated Terminology Testing Templates: Reusable form structures for creating testing instances Testing Instances: Individual test cases created from testing templates Test Steps: Granular execution steps with status tracking and results recording 🏗️ Technical Architecture Technology Stack Component Technology Purpose Frontend Next.
📊 MSR Generator 📈 Access Portal 🚀 Launch MSR Portal Automated monthly service review generation platform Overview MSR Generator is a comprehensive full-stack web application that automates the monthly service review process for Nexon-Ausgrid operations. Built with modern web technologies and Eva/kawaii theming, it transforms manual Excel manipulation and PowerPoint creation into an streamlined automated workflow with editable commentary fields. 📊 Core Platform Features Automated File Processing: Excel/CSV parsing with intelligent data extraction Report Generation: Automated PowerPoint and PDF creation from templates Commentary System: Editable commentary fields for human insight integration Data Visualization: Charts and metrics visualization with business intelligence File Upload Management: Drag-and-drop interface with progress tracking Authentication Integration: Enterprise-grade Authelia protection Business Logic Engine: Configurable processing rules for different data types 🎨 Eva/Kawaii Theme Integration Unit-02 Color Scheme: Primary red (#ff0000), secondary purple (#9333ea), accent orange (#ea580c) Kawaii Backgrounds: Soft gradients with pink (#FFB3E6), lavender (#E6B3FF), mint (#B3FFE6) Angular Design Elements: Hexagonal, octagonal, and diamond-shaped components Holographic Effects: Glow animations, scanning lines, gradient borders Typography: Orbitron for headings, Rajdhani for body text 🏗️ Technical Architecture Technology Stack Component Technology Purpose Frontend React 18 + TypeScript + Vite Modern reactive UI with type safety Styling Tailwind CSS + Custom Eva Theme Responsive design with anime aesthetics Backend Node.
🔬 Playtopia Dev Lab 🏗️ Infrastructure Portal 🚀 Explore Dev Lab Containerized development environment with enterprise-grade security Overview Playtopia Dev Lab is a comprehensive containerized development environment that enables rapid deployment of web services with enterprise-grade security, automatic SSL, and authentication. Built on Docker Compose with Traefik v3.0 and Authelia, it provides a production-ready infrastructure platform for hosting multiple applications under a unified domain. 🏗️ Core Infrastructure Features Automatic SSL Certificates: Let’s Encrypt integration with zero-configuration HTTPS Enterprise Authentication: Authelia with multi-tier access control and session management Reverse Proxy Routing: Traefik v3.