https://github.com/larsbergqvist/sliding-image-puzzle

A sliding puzzle game using React + Redux and an optional high score service.
https://github.com/larsbergqvist/sliding-image-puzzle

javascript react redux typescript

Last synced: 7 months ago
JSON representation

A sliding puzzle game using React + Redux and an optional high score service.

• Host: GitHub
• URL: https://github.com/larsbergqvist/sliding-image-puzzle
• Owner: LarsBergqvist
• License: mit
• Created: 2021-07-05T14:26:54.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2025-02-22T17:22:00.000Z (8 months ago)
• Last Synced: 2025-02-22T18:26:51.916Z (8 months ago)
• Topics: javascript, react, redux, typescript
• Language: JavaScript
• Homepage: https://larsbergqvist.github.io/sliding-image-puzzle
• Size: 11.1 MB
• Stars: 1
• Watchers: 1
• Forks: 2
• Open Issues: 5
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# sliding-image-puzzle

![Build, test and deploy](https://github.com/larsbergqvist/sliding-image-puzzle/actions/workflows/ci.yml/badge.svg)



```javascript

    git clone https://github.com/LarsBergqvist/sliding-image-puzzle

    cd sliding-image-puzzle

    yarn install

    yarn run dev

```

Try it out live here: https://larsbergqvist.github.io/sliding-image-puzzle/  

This is a simple sliding puzzle game implemented in React with Redux as state container  

Optionally, the application can use the high score Api in this repository to read and write high scores: https://github.com/LarsBergqvist/highscore-service  

(The high score Api is implemented in C#/.NET 6 and uses MongoDB for storing data)

The blog post for this project can be found here: https://thingsmatic.com/2021/07/29/puzzling-with-react-and-redux/

    

![Alt text](https://github.com/LarsBergqvist/sliding-image-puzzle/blob/main/sliding-image-puzzle.gif?raw=true 'Sliding Image puzzle')