Skip to content

Engaging puzzle game with vanilla JavaScript, offering drag-and-drop functionality. Solve split picture puzzles across multiple challenging levels by reconstructing the complete image.

Notifications You must be signed in to change notification settings

PrinceGehlot24/picture-puzzle

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Picture Puzzle Game

Created an engaging puzzle game using vanilla JavaScript, featuring drag-and-drop functionality. Players rearrange split picture pieces to reconstruct the complete image, with each drag counting as a move. Perfect for mastering the fundamentals of vanilla JavaScript.

Features

  • Drag-and-Drop Gameplay
  • Image Reconstruction Challenge
  • Move Counter for Tracking
  • Developed with Vanilla JavaScript

Demo

Play and experience the game by clicking on the link below.

Picture-Puzzle (Live)

Run Locally

Clone the project

  git clone https://github.com/PrinceGehlot24/picture-puzzle.git

Go to the project directory

  cd my-project

Install dependencies

  npm install

Start the server

  npm start

Tech Stack

ReactJs , Vanilla Javascript , MUI , Sass .

Screenshots

Starting Page

pictpuz-2

Image Shuffle on Start

pictpuz-1

Toughest Grid

pictpuz-3

Complex State

pictpuz-4

Half Solved

pictpuz-5

About

Engaging puzzle game with vanilla JavaScript, offering drag-and-drop functionality. Solve split picture puzzles across multiple challenging levels by reconstructing the complete image.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published