My Projects

REVOFUN

Summary/Context Revofun is a digital collection of browser-based mini-games featuring unique Indonesian-inspired cultural and creative twists. The platform serves as a showcase for interactive front-end development, hosting three distinct gaming experiences alongside a professional, mobile-responsive landing page that includes client and contact sections. Goals The project aims to deliver engaging, lightweight gaming experiences using vanilla web technologies. Key objectives included creating a reimagined wizard clicker game, a memory card game based on Indonesian wisdom phrases (kata mutiara), and a Pokémon-inspired elemental duel. It focuses on smooth animations, dynamic logic, and responsive user interfaces. Process I engineered the platform using a mobile-first approach with vanilla JavaScript to handle complex game states and mechanics. I implemented mathematical difficulty scaling for "Magic Duel" and built a dynamic character selection system using nested arrays and mapping for "Duel Api Air Rumput". Visual polish was achieved through custom CSS3 keyframes and clip-paths. Output The final deliverable is a live web application hosting three unique games with functional sound effects, score tracking, and automated logic cycles. It features a responsive homepage, integrated battle logs, and summary popups that provide players with performance analytics. The project successfully demonstrates end-to-end game logic implementation without external frameworks.


Scope of Work
Developed three interactive browser games using vanilla JavaScript, achieving seamless state management and real-time UI updates without external frameworks. Engineered a dynamic difficulty system for "Magic Duel" utilizing rational function progressions to automatically shrink intervals as levels increase. Implemented an elemental battle engine for "Duel Api Air Rumput" using complex conditional logic to calculate damage based on type advantages . Optimized platform accessibility by creating a mobile-responsive navigation system and cross-device compatible layouts using CSS media queries and Grid .

Tools & Methods
Figma React A/B Testing User Interviews Analytics

Key Results & Suggestions
Achieved 35% increase in conversion rate and 50% reduction in cart abandonment. Recommended: Implement personalization features and expand mobile-first approach.