Back

Front-End / Vanilla JavaScript

Revo Funny

September 2025 RevoU Personal Project

Tools & Tech Stack

HTML5 CSS3 JavaScript Canvas API Web Storage API

Overview

Game overview

Project Summary

RevoFun is an interactive web-based gaming platform featuring a collection of classic arcade-style mini-games. Designed to demonstrate front-end development skills and game logic implementation, the project provides a centralized hub where users can engage in multiple distinct gaming experiences directly within a web browser.

The primary objective was to build a responsive gaming suite that manages real-time user interaction and state. The project aimed to implement diverse game mechanics—including pattern matching, collision detection, and probability-based logic—while maintaining a cohesive user interface and persistent high-score tracking via local storage.

I developed the platform using a vanilla JavaScript approach to ensure high performance and deep control over game loops. I engineered the core logic for three unique games: a Memory Match card game, a "Rock-Paper-Scissors" simulator, and an "Avoid the Falling Objects" survival game. I utilized CSS Flexbox/Grid for layout and the Web Storage API for data persistence.

The final deliverable is a multi-page web application consisting of a central homepage and three fully functional mini-games. The system features dynamic DOM manipulation to reflect game states, a personalized welcome system, and an active scoring mechanism that saves progress across browser sessions.

Methods

Game Loop Implementation: Managing state updates and rendering for real-time interaction in the "Avoid" game.

Collision Detection: Coding logic to detect intersections between player elements and falling obstacles.

Event-Driven Programming: Utilizing listeners to handle user inputs for choices and movements.

DOM Manipulation: Dynamically updating HTML elements to reflect scores, results, and game transitions.