4x4 Sudoku

Inspiration

I absolutely love logic puzzles, and have been doing sudoku for a very very long time (I learned to do sudoku before I learned to read (and you are not allowed to psychoanalyze that)). As my sudoku skills progressed, I came to appreciate variants of sudoku, such as samurai, jigsaw, and 16x16. While my project does not implement any of these, the general structure of my design can be remodeled for different sudoku variations.

What it does

This is a simple implementation of a 4x4 "sub-doku" (a variation of sudoku with less than 9 numbers). The user presses a button and will be given a puzzle to solve with standard sudoku rules: each number 1-4 may only appear once per row, column, and box. By pressing a darkened square (a square that began empty), the user can enter a number from their keyboard. If an error is detected, the square will be outlined in red. The puzzle will light up when the user has completed the puzzle without errors.

How I built it

I created a site with HTML, CSS, and JavaScript. The site is hosted through my CS account with W&M.

Challenges I ran into

My biggest challenge was the fact that I have very limited experience with HTML, CSS, and JavaScript. I had a decent understanding of the syntax, but when it came to actually implementing an idea, I found that it took a little bit of research to be able to reach my goal.

Accomplishment that I'm most proud of

Building the site in such a short amount of time! Considering how little I've worked with HTML, CSS, and JavaScript, and the fact that I arrived late to the Hackathon, I'm quite impressed with myself that I build this site in less than 24 hours.

What I learned

A lot, oh my goodness. I learned so much more about JavaScript and how it interacts with HTML. I learned how to publish a website through a remote server. I learned how to make a really cool animated gradient banner.

What's next for Sudoku 4x4

I would love to expand the 4x4 into a smaller version of Samurai Sudoku. Samurai Sudoku is the most well-known over-lapping variation of sudoku, where there are multiple grids that share boxes. It's better understood through example than explanation. I've never seen a 4x4 variation of Sudoku, but it would work, despite some complicated visuals. The 4x4 game can also easily be transformed into the standard 9x9 grid.

Built With

• css
• html
• javascript
• vscode