React + Vite

Snap Puzzle Game

Hello everyone!
Welcome to Snap Puzzle Game, a dynamic picture puzzle experience where you can solve puzzles from 4 built-in images or upload your own! Challenge yourself with shuffled tiles and enjoy endless customization by playing with your favorite photos.

Project Status: 🚀

• Project Created: 28-02-2025
• Live Release Date: 28-02-2025

Tech Stack used:

• React JS
• Vite
• JavaScript
• Tailwind CSS
• Vercel

Website Link:
https://snap-puzzle-game.vercel.app/

Feel free to use this project, but please include credit. Thank you!

---

Tutorial: Running the Project

Here’s a simple guide to run this project.

Prerequisites

Ensure that you have already installed:

• Node.js

---

Steps to Run the Project

1. Clone this repository:

   git clone https://github.com/masabqurban/Snap-Puzzle-Game.git  
   

2. Install all dependencies:

   npm install  
   

3. Run the project:

   npm run dev  
   

4. Open in browser: Access the application through the link displayed in your terminal.

Creating a Production Build

To create a production-ready build:

1. Run the build command:

   npm run build  

The build files will be saved in the .next folder. You can deploy this folder to your hosting server.

Notes

If you encounter issues while running the project, ensure that:

1. Node.js is correctly installed.
2. You’re in the correct project directory.
3. All dependencies are installed without errors.
4. Ensure Tailwind and dependencies are properly configured.