Diya Catcher is an interactive, festival-themed arcade game built using React. The player controls a basket to catch falling diyas while avoiding misses. The game dynamically increases in difficulty as the score increases, featuring levels, lives, special golden diyas, and a high-score system. It supports mouse, touch, and keyboard controls, making it fully responsive and cross-device friendly.

Screenshots

Key Features

• Falling diya arcade gameplay
• Basket controlled using mouse, touch, and keyboard arrows
•  Life system with game-over condition
• Level progression with increasing difficulty
• Special golden diyas with bonus points
• High score tracking
• Fully responsive design for mobile and desktop
• Smooth animations and real-time updates

Functionality

• The game starts from a menu screen
• Diyas fall from random positions at increasing speeds
• The player moves the basket to catch diyas
  • Normal diyas give 5 points, golden diyas give 10 points
  • Missing a diya reduces lives
  • Game difficulty increases as levels progress
  • Game ends when all lives are lost
  • High score is stored and displayed on the game-over screen

Technology Used

• React.js – UI and game logic
• JavaScript (ES6+) – Core functionality
• HTML & Inline CSS – Styling and layout
• React Hooks – State and lifecycle management
• Browser Events API – Keyboard and touch interactions

Why This Project Is Useful

• Demonstrates game logic implementation using React
• Practical use of React Hooks (useState, useEffect, useRef)
• Shows how to build real-time interactive applications
• Covers event handling (mouse, touch, keyboard)
• Ideal for internship portfolios, college projects, and interviews
• Helps understand state-driven UI and performance optimization

Download Source Code

Project Setup Instructions

Note: This project is for educational purposes only. Not for commercial sale.