DoodleX is a real-time collaborative drawing platform where multiple users can draw together on a shared canvas, powered by WebSockets for instant updates. Whether you're brainstorming ideas, sketching UI wireframes, or just doodling with friends, DoodleX makes collaboration fun and seamless.
| Category | Technologies |
|---|---|
| Frontend | Next.js, TypeScript, Tailwind CSS |
| Backend | Node.js, Express.js, WebSockets |
| Database | PostgreSQL + Prisma ORM |
| Monorepo | Turborepo |
- Real-time collaborative canvas using WebSockets
- Multi-user drawing synchronization
- Session-based board saving with PostgreSQL + Prisma
- infinite scroll
| Dashboard | Canvas Collaboration |
|---|---|
 |
 |
# Clone the repository
git clone https://github.com/yourusername/doodleX.git
cd doodleX
# Install dependencies
npm install
# Setup environment variables
# (create a .env file based on .env.example)
# Run database migrations
npx prisma migrate dev
# Start the development server
npm run dev