Skip to content

Commit

Permalink
Added new Calculator 'Sudoku Calculator'
Browse files Browse the repository at this point in the history
  • Loading branch information
Vansh authored and Vansh committed Aug 4, 2024
1 parent 3c798ad commit dc3f729
Show file tree
Hide file tree
Showing 7 changed files with 1,222 additions and 0 deletions.
20 changes: 20 additions & 0 deletions Calculators/Sudoku-Calculator/README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
# <p align="center">Temperature Calculator</p>

## Description :-

- Generates and Calculates Sudoku
- Can solve user given sudoko's as well

## Tech Stacks :-

- HTML
- CSS
- JavaScript
- ConfettiJS Library for confetti effect after solving

## Screenshots :-

![image](../Sudoku-Calculator/screenshot1.png)
![image](../Sudoku-Calculator/screenshot2.png)
![image](../Sudoku-Calculator/screenshot3.png)

170 changes: 170 additions & 0 deletions Calculators/Sudoku-Calculator/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,170 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<meta name="description"
content="A simple yet effective and interactive Sudoku-Calculator web app to solve and Visualize Sudoku">
<meta name="keywords"
content="Sudoku-Visualizer, SudokuSolver,backtracking, sudoku solver backtracking, sudoku using backtracking, bracktacking sudoku visualizer, sudoku, vansh-codes, vanshchaurasiya, vansh-codes sudoku solver, vansh-codes sudoku visualizer, sudoku visualizer, sudoku game">
<meta name="robots" content="index, follow">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="language" content="English">
<meta property="og:description"
content="A simple yet effective and interactive Sudoku-Visualizer web app to solve and Visualize Sudoku" />
<title>Sudoku Calculator</title>
<link rel="stylesheet" href="style.css" />
<!-- For adding confetti -->
<script src="https://cdn.jsdelivr.net/npm/js-confetti@latest/dist/js-confetti.browser.js"></script>
</head>

<body>

<!-- =============== NAVBAR ======================= -->
<nav id="nav-bar">
<a href="../Sudoku-Calculator/index.html">
<h2>Sudoku Calculator</h2>
</a>
<li id="clear"><span>Clear</span></li>
<li id="randomly-fill" title="generate new sudoku board">
<span>Generate Board</span>
</li>
<li id="solve" title="solve sudoku"><span>Solve</span></li>

<li>
<span class="selected" title="select speed of visualization">Speed</span>
<i class="fa-solid fa-chevron-down"></i>
<ul class="sub-menu">
<li class="speed-options">Fast</li>
<li class="speed-options">Medium</li>
<li class="speed-options">Slow</li>
<li class="speed-options">Xtra Slow</li>
</ul>
</li>
<pre></pre>
</nav>

<!-- =============== MAIN CONTAINER ======================= -->
<div id="main-container">
<div id="algo-info">
<div id="algo-info-header"></div>
<div id="algo-info-info"></div>
</div>

<!-- ========= SUDOKU BOX ========== -->
<div id="main">
<table id="grid">
<tr class="row">
<td class="cell"><input type="text" maxlength="1" /></td>
<td class="cell"><input type="text" maxlength="1" /></td>
<td class="cell"><input type="text" maxlength="1" /></td>
<td class="cell"><input type="text" maxlength="1" /></td>
<td class="cell"><input type="text" maxlength="1" /></td>
<td class="cell"><input type="text" maxlength="1" /></td>
<td class="cell"><input type="text" maxlength="1" /></td>
<td class="cell"><input type="text" maxlength="1" /></td>
<td class="cell"><input type="text" maxlength="1" /></td>
<!--row--></tr>

<tr class="row">
<td class="cell"><input type="text" maxlength="1" /></td>
<td class="cell"><input type="text" maxlength="1" /></td>
<td class="cell"><input type="text" maxlength="1" /></td>
<td class="cell"><input type="text" maxlength="1" /></td>
<td class="cell"><input type="text" maxlength="1" /></td>
<td class="cell"><input type="text" maxlength="1" /></td>
<td class="cell"><input type="text" maxlength="1" /></td>
<td class="cell"><input type="text" maxlength="1" /></td>
<td class="cell"><input type="text" maxlength="1" /></td>
<!--row--></tr>

<tr class="row">
<td class="cell"><input type="text" maxlength="1" /></td>
<td class="cell"><input type="text" maxlength="1" /></td>
<td class="cell"><input type="text" maxlength="1" /></td>
<td class="cell"><input type="text" maxlength="1" /></td>
<td class="cell"><input type="text" maxlength="1" /></td>
<td class="cell"><input type="text" maxlength="1" /></td>
<td class="cell"><input type="text" maxlength="1" /></td>
<td class="cell"><input type="text" maxlength="1" /></td>
<td class="cell"><input type="text" maxlength="1" /></td>
<!--row--></tr>

<tr class="row">
<td class="cell"><input type="text" maxlength="1" /></td>
<td class="cell"><input type="text" maxlength="1" /></td>
<td class="cell"><input type="text" maxlength="1" /></td>
<td class="cell"><input type="text" maxlength="1" /></td>
<td class="cell"><input type="text" maxlength="1" /></td>
<td class="cell"><input type="text" maxlength="1" /></td>
<td class="cell"><input type="text" maxlength="1" /></td>
<td class="cell"><input type="text" maxlength="1" /></td>
<td class="cell"><input type="text" maxlength="1" /></td>
<!--row--></tr>

<tr class="row">
<td class="cell"><input type="text" maxlength="1" /></td>
<td class="cell"><input type="text" maxlength="1" /></td>
<td class="cell"><input type="text" maxlength="1" /></td>
<td class="cell"><input type="text" maxlength="1" /></td>
<td class="cell"><input type="text" maxlength="1" /></td>
<td class="cell"><input type="text" maxlength="1" /></td>
<td class="cell"><input type="text" maxlength="1" /></td>
<td class="cell"><input type="text" maxlength="1" /></td>
<td class="cell"><input type="text" maxlength="1" /></td>
<!--row--></tr>

<tr class="row">
<td class="cell"><input type="text" maxlength="1" /></td>
<td class="cell"><input type="text" maxlength="1" /></td>
<td class="cell"><input type="text" maxlength="1" /></td>
<td class="cell"><input type="text" maxlength="1" /></td>
<td class="cell"><input type="text" maxlength="1" /></td>
<td class="cell"><input type="text" maxlength="1" /></td>
<td class="cell"><input type="text" maxlength="1" /></td>
<td class="cell"><input type="text" maxlength="1" /></td>
<td class="cell"><input type="text" maxlength="1" /></td>
<!--row--></tr>

<tr class="row">
<td class="cell"><input type="text" maxlength="1" /></td>
<td class="cell"><input type="text" maxlength="1" /></td>
<td class="cell"><input type="text" maxlength="1" /></td>
<td class="cell"><input type="text" maxlength="1" /></td>
<td class="cell"><input type="text" maxlength="1" /></td>
<td class="cell"><input type="text" maxlength="1" /></td>
<td class="cell"><input type="text" maxlength="1" /></td>
<td class="cell"><input type="text" maxlength="1" /></td>
<td class="cell"><input type="text" maxlength="1" /></td>
<!--row--></tr>
<tr class="row">
<td class="cell"><input type="text" maxlength="1" /></td>
<td class="cell"><input type="text" maxlength="1" /></td>
<td class="cell"><input type="text" maxlength="1" /></td>
<td class="cell"><input type="text" maxlength="1" /></td>
<td class="cell"><input type="text" maxlength="1" /></td>
<td class="cell"><input type="text" maxlength="1" /></td>
<td class="cell"><input type="text" maxlength="1" /></td>
<td class="cell"><input type="text" maxlength="1" /></td>
<td class="cell"><input type="text" maxlength="1" /></td>
<!--row--></tr>
<tr class="row">
<td class="cell"><input type="text" maxlength="1" /></td>
<td class="cell"><input type="text" maxlength="1" /></td>
<td class="cell"><input type="text" maxlength="1" /></td>
<td class="cell"><input type="text" maxlength="1" /></td>
<td class="cell"><input type="text" maxlength="1" /></td>
<td class="cell"><input type="text" maxlength="1" /></td>
<td class="cell"><input type="text" maxlength="1" /></td>
<td class="cell"><input type="text" maxlength="1" /></td>
<td class="cell"><input type="text" maxlength="1" /></td>
<!--row--></tr>
</table>
</div>

</div>
<!-- ========== SCRIPT LINKING ============== -->
<script src="script.js"></script>
</body>
</html>
Binary file added Calculators/Sudoku-Calculator/screenshot1.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Calculators/Sudoku-Calculator/screenshot2.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Calculators/Sudoku-Calculator/screenshot3.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading

0 comments on commit dc3f729

Please sign in to comment.