🎮 Move Box - Interactive Web Project

A simple and interactive web application that allows users to move a box around a game area using directional buttons. The project demonstrates core HTML, CSS, and JavaScript concepts such as DOM manipulation, event handling, dynamic styling, and boundary management.

Features

• ⬆️ Move the box Up
• ⬇️ Move the box Down
• ⬅️ Move the box Left
• ➡️ Move the box Right
• Real-time position tracking (X and Y coordinates)
• Step counter to track total movements
• Boundary detection to prevent the box from leaving the game area
• 🔄 Reset button to restore the initial position and step count
• Modern and responsive user interface with hover effects

Technologies Used

• HTML5 – Page structure and content
• CSS3 – Styling, layout, gradients, animations, and responsive design
• JavaScript (ES6) – Box movement logic, position updates, boundary checking, and step counting