https://github.com/prash08484/n-queen-visualiser
It is a dsa-project whose aim to illustrate the how queens can placed in a chess board without capturing other queen.
https://github.com/prash08484/n-queen-visualiser
css3 deployment game html5 javascript
Last synced: about 2 months ago
JSON representation
It is a dsa-project whose aim to illustrate the how queens can placed in a chess board without capturing other queen.
- Host: GitHub
- URL: https://github.com/prash08484/n-queen-visualiser
- Owner: prash08484
- Created: 2024-11-17T12:21:11.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-11-24T09:39:37.000Z (over 1 year ago)
- Last Synced: 2025-10-30T05:55:12.685Z (8 months ago)
- Topics: css3, deployment, game, html5, javascript
- Language: CSS
- Homepage: https://n-queen-visualiser-ds-algo-project.vercel.app/
- Size: 247 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# N-Queen Visualizer â™›
Deployment Link: https://n-queen-visualiser-ds-algo-project.vercel.app/
---
**N-Queen Visualizer** is an interactive web application built with **HTML**, **CSS**, and **JavaScript**. It visually demonstrates solutions to the famous N-Queen problem, a classic combinatorial problem in computer science and mathematics.
---
## Features
- 🌟 **Visualization**: Step-by-step visualization of N-Queen solutions on a chessboard.
- 🎯 **Dynamic Input**: Users can specify the size of the chessboard (N).
- 🤖 **Efficient Algorithm**: Backtracking is used to compute and display solutions.
- 📱 **Responsive Design**: Works seamlessly across different devices and screen sizes.
---
## What is the N-Queen Problem?
The N-Queen problem involves placing N chess queens on an N×N chessboard such that no two queens threaten each other. This means:
1. No two queens can be in the same row.
2. No two queens can be in the same column.
3. No two queens can be on the same diagonal.
---
## How to Use
1. Open the application in any modern web browser.
2. Enter the value of **N** (e.g., 4, 8, etc.) to set the size of the chessboard.
3. Click **Visualize** to start the visualization process.
4. Watch as the algorithm finds and displays all possible solutions step by step.
5. Explore the board to understand the placements and logic.
---
## Project Structure
---
## Technologies Used
- **HTML**: Structure of the game.
- **CSS**: Styling and layout.
- **JavaScript**: Game logic and interactivity.
---
## How to Run
1. Clone the repository:
```bash
git clone https://github.com/your-username/N-Queen-Visualiser.git.git
2. Navigate to project repository:
```bash
cd N-Queen-Visualiser
3. Navigate to the index.html
```bash
Deployment Link: https://n-queen-visualiser-ds-algo-project.vercel.app/