🧩 PuzzleCollab

A real-time multiplayer sliding puzzle game where players compete to solve puzzles together. Built with Next.js and PartyKit.

🌟 Features

• Real-time Multiplayer: Compete with friends in real-time
• Dynamic Puzzles: Random high-quality images from Unsplash
• Room System: Create or join game rooms
• Live Progress Tracking: See opponent's moves and progress
• Responsive Design: Play on any device
• Move Counter: Track efficiency with move counting
• Instant Feedback: Real-time updates on opponent's moves

🚀 Tech Stack

• Frontend: Next.js, React, TypeScript, Tailwind CSS
• Backend: PartyKit (WebSocket server)
• APIs: Unsplash API
• Real-time Communication: WebSocket
• State Management: React Hooks + PartyKit State
• Styling: Tailwind CSS

📋 Prerequisites

Before you begin, ensure you have:

• Node.js (v16 or higher)
• bun or npm
• Unsplash API key
• PartyKit account

⚙️ Environment Variables

Create a .env.local file:

npm install
npm run dev
npx partykit deploy