Objective

A Sudoku app created using React , Redux , Typescript , styled-components

At the start of the app you will get a homepage like :

Controls are as follows :

1. Press the key ↓ to go down from a block
2. Press the key ↑ to go up from a block
3. Press the key → to go right from a block
4. Press the key ← to go left
5. Numbers can be selected using the numpad on your keyboard or by pressing the number on the lower bottom numpad

Rules are as Follows :

1. Each row can have numbers 1 to 9 occuring only once
2. Each column can have numbers 1 to 9 occuring only once
3. Each square can have numbers 1 to 9 occuring only once
4. User gets 3 lives to solve each level of sudoku , If he solves it in 3 lives he gets to go to the next level
5. 10 levels of gameplay are present which are traversed one by one

Completed Sudoku Grid will look like this

Hosting status

The game can be played by clicking on the badge given above .. .

Setting up the development Environment

For setting up the development environment :

1. Download or clone the repo
2. Run a command prompt or navigate into the cloned directory
3. Run npm install . in the command prompt
4. Run npm run-script start-dev
5. Go to http://localhost:3000 to view the app in the browser

Link To the Course

This app was developed as a part of the coursework done during the course : "React, TypeScript, Redux, StyledComponents: Build Sudoku App" created by Barry Michael Doy

Link to the course : react course

Though the start of the app was out of the course i am kind of hooked onto it and am adding features to make the gameplay interesting 😄