https://github.com/nibble-4bits/sudoku-solver-visualizer

A web application to visualize sudoku solving using backtracking
https://github.com/nibble-4bits/sudoku-solver-visualizer

backtracking-algorithm sudoku sudoku-backtracking sudoku-solver sudoku-solver-visualizer sudoku-visualizer visualization

Last synced: 11 months ago
JSON representation

A web application to visualize sudoku solving using backtracking

• Host: GitHub
• URL: https://github.com/nibble-4bits/sudoku-solver-visualizer
• Owner: nibble-4bits
• License: mit
• Created: 2020-02-09T04:59:57.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2023-01-07T15:27:17.000Z (about 3 years ago)
• Last Synced: 2025-03-24T08:55:15.604Z (11 months ago)
• Topics: backtracking-algorithm, sudoku, sudoku-backtracking, sudoku-solver, sudoku-solver-visualizer, sudoku-visualizer, visualization
• Language: JavaScript
• Homepage: https://nibble-4bits.github.io/Sudoku-Solver-Visualizer/
• Size: 27.3 MB
• Stars: 15
• Watchers: 3
• Forks: 4
• Open Issues: 7
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Sudoku Solver Visualizer

[![Build Status](https://travis-ci.org/nibble-4bits/Sudoku-Solver-Visualizer.svg?branch=master)](https://travis-ci.org/nibble-4bits/Sudoku-Solver-Visualizer)

A web application to visualize sudoku solving using backtracking. I created this visualization tool to see the backtracking algorithm in action. I hope this may help a few people out there understand how backtracking works!

## Live Demo

https://nibble-4bits.github.io/Sudoku-Solver-Visualizer/

![GIF demonstration](demo.gif)

## To Do

- [x] Add styling to the app to make it more appealing (DONE, 2/12/2020)

- [x] Implement functionality for the user to be able to fill the sudoku cells (DONE, 2/11/2020)

- [x] Implement functionality to generate sudokus (DONE, 2/20/2020)

## Built With

* [Bootstrap](https://getbootstrap.com/) (formerly, now uses CSS Grid)

* [CSS Grid](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout)

* [Lodash](https://lodash.com/)

* [Webpack](https://webpack.js.org/)

* [Travis CI](https://travis-ci.org/)

## Acknowledgments

* I was greatly inspired by [Clément Mihailescu](https://www.youtube.com/channel/UCaO6VoaYJv4kS-TQO_M-N_g) and his awesome pathfinder visualizer tool! You can check it [here](https://github.com/clementmihailescu/Pathfinding-Visualizer)

## License

[MIT](https://choosealicense.com/licenses/mit/)