barbie-theme-rock-paper-scissor-game💖

A Barbie-themed Rock Paper Scissor web game built with HTML, CSS, and JavaScript. Features interactive gameplay, animated hover effects, random computer choices, real-time score tracking, and a stylish Barbie-inspired UI. Designed to practice DOM manipulation and front-end web development concepts. The project combines classic game logic with a visually engaging Barbie-inspired interface featuring animated interactions, custom graphics, and real-time score tracking.

Language

• HTML5
• CSS3
• JavaScript

Software Technology

• DOM Manipulation
• Event Handling
• Flexbox Layout
• CSS Animations & Hover Effects
• Randomized Game Logic

Purpose

The purpose of this project is to create a fun and visually appealing browser-based game while practicing front-end web development concepts such as interactive UI design, JavaScript game logic, event-driven programming, and dynamic content updates.

Features

• Barbie-themed user interface and backgrounds
• Interactive Rock, Paper, and Scissor selection buttons
• Random computer-generated gameplay
• Real-time score updates
• Winner display animation/image
• Responsive and centered layout design
• Hover zoom animations for better user interaction

Game Rules

• Rock beats Scissor
• Paper beats Rock
• Scissor beats Paper

Application Areas

• Beginner JavaScript game development
• Front-end UI/UX practice projects
• Interactive web application learning
• Creative browser-based entertainment projects

CCS Concepts

• Software and its engineering → Documentation
• Software and its engineering → Open source model
• Software and its engineering → Maintaining software

Keywords

Empirical Software Engineering, Interactive Web Development, Browser Game, DOM Manipulation, Front-End Development, JavaScript Game Logic, UI Design