Arrow Path Puzzle is a fun, logic-based grid puzzle game built entirely with HTML, CSS, and JavaScript — no external frameworks needed!
Rotate arrows strategically to guide your player (the bird 🐥 or other cute characters) from the Start cell to the Goal cell.
Each puzzle is randomly generated, offering a unique challenge every time.

👉 Play Live

• The game board is a grid filled with directional arrows (↑ → ↓ ←).
• Your goal is to rotate the arrows to form a connected path from the Start (bottom-left) to the Goal (top-right).
• Once the correct path is formed, the player automatically moves along the route — and confetti 🎉 celebrates your success!

✅ Dynamic Difficulty Levels

• Easy (4×4)
• Medium (6×6)
• Hard (8×8)

✅ Customizable Player & Goal
Choose your favorite character (🐥 🐸 🐰 🐱 🦊 🐼 etc.) and goal (🏁 🎁 💎 🎂 🍖 🛸 ...).

✅ Auto Path Detection
Instantly checks for a valid connection between start and goal as you rotate arrows.

✅ Smooth Bird Animation
Watch your character move cell by cell along the glowing path when solved.

✅ Vibration Feedback (Mobile-friendly)
Gives tactile feedback when interacting on supported devices.

✅ Rock Obstacles
Rocks 🪨 appear in advanced puzzles, forcing you to find creative paths.

✅ Confetti Celebration + Sound Effects
Rewarding visual and audio feedback when you win!

✅ Fully Responsive Design
Optimized for both mobile and desktop play.

1. Select your Player and Goal icons from the dropdown.
2. Choose your Difficulty level.
3. Click on any arrow cell to rotate it clockwise.
4. Form a continuous path from Start to Goal.
5. Once connected, your player moves automatically — enjoy the celebration 🎉.
6. Click Next Puzzle to play again with a new grid layout!

Welcome contributions from the open-source community to help make this project even better. Feel free to fork this project to suggest new features, improve the UI/UX, remove bugs. Pull requests are welcome!