Skribble Clone

A drawing and guessing game inspired by Skribbl.io.

Tech Stack

Frontend

• Core: React, TypeScript, React Router DOM
• State Management: Zustand
• Styling & UI: Tailwind CSS, DaisyUI components, and React Icons

Backend

• Core: Go
• WebSockets: gorilla/websocket
• Concurrency: Goroutines and Channels for broadcasting payloads, sync.Mutex for safe game state management across concurrent client connections.

Getting Started

Prerequisites

• Node.js and npm/yarn installed.
• Go installed (1.18+ recommended).

1. Start the Go Backend

1. Navigate to backend directory.
2. Install the WebSocket dependency:

   go get github.com/gorilla/websocket
   

3. Run the server:

   go run main.go
   

   The server will start listening on port 8080.

2. Start the React Frontend

1. Navigate to frontend directory.
2. Install dependencies:

   npm install
   

3. Start the Vite development server:

   npm run dev