Skip to content

Latest commit

ย 

History

16 Commits

Folders and files

NameName
Last commit message
Last commit date
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๐Ÿงฉ 8 Puzzle Game

A simple and interactive 8 Puzzle Game developed using HTML, CSS, and JavaScript. The objective of the game is to arrange the numbered tiles in the correct order by sliding them into the empty space.


๐Ÿ“Œ Features

  • ๐ŸŽฎ Interactive 3x3 sliding puzzle
  • ๐Ÿ”€ Shuffle puzzle randomly
  • โœ… Win detection
  • ๐Ÿ“ฑ Responsive design
  • โšก Smooth tile movement
  • ๐ŸŽจ Clean and modern user interface

๐Ÿ› ๏ธ Technologies Used

  • HTML5
  • CSS3
  • JavaScript (ES6)

๐Ÿ“‚ Project Structure

8-PuzzleGame/
โ”‚โ”€โ”€ index.html
โ”‚โ”€โ”€ style.css
โ”‚โ”€โ”€ script.js
โ”‚โ”€โ”€ README.md

๐Ÿš€ Getting Started

Clone the Repository

git clone https://github.com/rewati1616/8-PuzzleGame.git

Navigate to the Project

cd 8-PuzzleGame

Run the Project

Simply open index.html in your preferred web browser.


๐ŸŽฏ How to Play

  1. Click Shuffle to randomize the puzzle.
  2. Move a tile by clicking on it if it is adjacent to the empty space.
  3. Arrange the numbers in the following order:
1 2 3
4 5 6
7 8 โ–ก
  1. Once completed, a success message will appear.

๐Ÿ“ธ Screenshot

Add your project screenshot here.

assets/screenshot.png

๐ŸŒŸ Future Improvements

  • โฑ๏ธ Timer
  • ๐Ÿ† Scoreboard
  • ๐Ÿ“ˆ Move Counter
  • ๐Ÿ’ก Hint System
  • ๐Ÿ”„ Auto Solver
  • ๐ŸŽต Sound Effects
  • ๐ŸŒ™ Dark Mode
  • ๐Ÿ“ฑ Touch Gesture Support

๐Ÿค Contributing

Contributions are welcome!

  1. Fork the repository
  2. Create your feature branch
git checkout -b feature-name
  1. Commit your changes
git commit -m "Added new feature"
  1. Push to the branch
git push origin feature-name
  1. Open a Pull Request

๐Ÿ“„ License

This project is licensed under the MIT License.


๐Ÿ‘จโ€๐Ÿ’ป Author

Rewati

GitHub: https://github.com/rewati1616


โญ If you like this project, don't forget to Star the repository!

About

8 Puzzle Game ๐ŸŽฎ A beautiful and interactive 8 Puzzle game built with pure HTML, CSS, and JavaScript. Challenge yourself to solve the classic sliding tile puzzle by arranging numbers 1 through 8 in the correct order with the least number of moves!

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages