Skip to content

Repository files navigation

Sudoku Game

Overview

This is a simple yet fun Sudoku game built using HTML, CSS, and JavaScript. The game allows users to play Sudoku directly in their web browser. The layout includes a grid, axis legends, and input cells that users can interact with to solve the puzzle. The project also features an easy-to-use UI with dynamic highlighting for valid/invalid moves, error messages, and a clean design.

Features

  • Interactive Sudoku Grid: A 9x9 grid where users can input numbers to solve the puzzle.
  • Axis Legends: The grid is labeled with row and column numbers to make it easy to navigate.
  • User-Friendly Interface: Clean and responsive design with hover effects for input cells.
  • Error Handling: Real-time validation to highlight invalid entries.
  • Grid Styling: Visually separated 3x3 blocks for easier gameplay and improved user experience.

Technologies Used

  • HTML: For the basic structure of the page.
  • CSS: For styling the Sudoku grid, axis legends, and overall page.
  • JavaScript: To handle game logic, including input validation, error detection, and dynamic interaction with the grid.

Setup Instructions

  1. Clone the repository:
    git clone https://github.com/your-username/sudoku-game.git
  2. Navigate to the project directory:
    cd sudoku-game
  3. Open index.html in your browser: Just open the index.html file in your preferred browser to start playing!

How to Play

  • Use the grid to fill in numbers between 1 and 9 in the empty cells.
  • The objective is to complete the grid, ensuring that each number appears only once in each row, column, and 3x3 block.
  • The axis legends (row and column numbers) are displayed to help you navigate the grid.
  • Invalid entries will be highlighted, and error messages will appear to guide you.

Future Features

  • Timer: Track the time taken to solve the puzzle.
  • Difficulty Levels: Add options for easy, medium, and hard difficulty.
  • Puzzle Generator: Implement functionality to generate new puzzles dynamically.
  • Mobile Responsiveness: Improve responsiveness for mobile devices.

Contributing

If you'd like to contribute to this project, feel free to fork the repository and submit a pull request with your changes. Suggestions and improvements are always welcome!

License

This project is open-source and available under the MIT License.


About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

Packages

Used by

Contributors

Languages