Algorithm Visualizer

A beautiful and interactive algorithm visualization project featuring N-Queens and Sudoku solvers. Experience the power of algorithms through stunning visual animations and a modern user interface.

🔗 Live Demo: Algorithm Visualizer

Features

General

• 🎨 Beautiful modern UI with smooth animations
• 🌓 Dark/Light theme support with system preference detection
• 🌈 Rainbow gradient effects and smooth transitions
• 📱 Fully responsive design for all devices

N-Queens Solver

1. Interactive Board

   • Dynamic board size selection
   • Visual representation of queens placement
   • Real-time conflict detection

2. Visualization Features

   • Step-by-step solution display
   • Backtracking visualization
   • Solution counter
   • Performance metrics

3. Controls

   • Board size adjustment
   • Speed control
   • Reset functionality
   • Solution display grid

Sudoku Solver

1. Puzzle Features

   • Multiple difficulty levels (Easy, Medium, Hard)
   • Random puzzle generation
   • Valid puzzle guarantee

2. Solver Features

   • Instant solve functionality
   • Visual solution animation
   • Performance statistics
   • Random solve time simulation

3. User Interface

   • Clean and intuitive design
   • Difficulty selection
   • Animation speed control
   • Reset option

Technologies Used

• HTML5
• CSS3 (with modern features like CSS Grid and Flexbox)
• JavaScript (ES6+)
• Custom animations and transitions
• Responsive design principles

How to Use

N-Queens Solver

1. Select the board size (4x4 to 12x12)
2. Adjust animation speed if desired
3. Watch the algorithm solve the N-Queens puzzle
4. View all solutions in the solutions grid
5. Click on any solution to view it on the main board

Sudoku Solver

1. Choose difficulty level (Easy, Medium, Hard)
2. Click "Generate Puzzle" for a new puzzle
3. Use "Instant Solve" to see the solution
4. Adjust animation speed for visual preference
5. Use "Reset" to return to the initial puzzle state

Performance

• Optimized animations for smooth performance
• Efficient algorithm implementations
• Responsive across all device sizes
• Minimal load times

Installation

1. Clone the repository:

   git clone https://github.com/iamalok123/algorithm-visualizer-project.git

2. Open index.html in your browser
3. No additional dependencies required!

Browser Support

• Chrome (recommended)
• Firefox
• Safari
• Edge
• Opera

Contributing

Feel free to contribute to this project by:

1. Forking the repository
2. Creating your feature branch
3. Committing your changes
4. Pushing to the branch
5. Creating a new Pull Request

License

This project is licensed under the MIT License - see the LICENSE file for details.

Acknowledgments

• Inspired by various algorithm visualization projects
• Thanks to the open-source community
• Special thanks to contributors and users

Contact

• GitHub: Your GitHub Profile
• Email: alokhotta10@gmail.com

---

Made with ❤️ by Alok