Let's Draw

---

🎨 Collaborative Whiteboard in Real-Time

Let's Draw is a real-time collaborative drawing application built with Next.js, React, and Tailwind CSS for the frontend, and a Node.js (Express + WebSockets) backend. It provides a shared virtual canvas where multiple users can draw, pan, and zoom, seeing each other's creations update instantly.

---

✨ Features

• Real-time Collaboration: See other users' drawings appear instantly on your canvas.
• Infinite Canvas: Pan and zoom across a vast drawing area.
• Drawing Tools:
  • Pen: For freehand drawing.
  • Line: Draw straight lines.
  • Rectangle: Create perfect rectangular shapes.
  • Circle: Draw circular elements.
• Customization: Choose your drawing color and brush size.
• Clear Board: Easily wipe the canvas clean for a fresh start.
• User Identification: A unique, anonymous user ID helps you distinguish your drawings.
• Responsive Design: Optimized for various screen sizes using Tailwind CSS.
• TypeScript: Built with type safety for robust development.

---

🚀 Getting Started

Follow these steps to get your collaborative drawing app up and running locally.

Prerequisites

Make sure you have the following installed:

• Node.js (LTS recommended)
• npm (comes with Node.js) or Yarn

1. Clone the Repository

First, clone the project repository to your local machine:

git clone https://github.com/avestair/lets-draw.git
cd lets-draw