Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/saumya40-codes/doodler

Multiplayer drawing and chatting site build with nextjs and socket.io
https://github.com/saumya40-codes/doodler

ansible ansible-playbook express mongodb nextjs render socket

Last synced: 9 days ago
JSON representation

Multiplayer drawing and chatting site build with nextjs and socket.io

Host: GitHub
URL: https://github.com/saumya40-codes/doodler
Owner: Saumya40-codes
Created: 2023-12-21T05:23:16.000Z (11 months ago)
Default Branch: master
Last Pushed: 2024-08-12T05:12:51.000Z (3 months ago)
Last Synced: 2024-08-13T05:25:53.171Z (3 months ago)
Topics: ansible, ansible-playbook, express, mongodb, nextjs, render, socket
Language: TypeScript
Homepage: https://doodler-ecru.vercel.app
Size: 379 MB
Stars: 5
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

        # Doodler

**Doodler** is an interactive canvas of creativity built with Next.js and Socket.io. It enables you to create personalized rooms, join friends using unique IDs, or dive into public random rooms. Engage in real-time collaboration through drawing and chat, making each session fun and dynamic.

### 🚀 Quick Demo

https://github.com/user-attachments/assets/985946c4-cac6-4fe0-ab36-d8550a5d45c3

---

### 🎨 Key Features:

- **Room Creation:**  

  Create your own customizable rooms and invite others to join.

  

- **Join Friends' Rooms:**  

  Easily connect with friends using unique room IDs for private collaboration.

    

- **Public Random Rooms:**  

  Spontaneously connect with others by joining public rooms for open creativity.

    

- **Private Rooms:**  

  Ensure privacy—only users with specific IDs can access private rooms, with full control by the owner.

  

- **Real-time Chat:**  

  Engage in instant messaging with everyone in your room for seamless collaboration.

    

- **Collaborative Drawing:**  

  Draw together in real-time, creating shared artwork and designs.

    

- **User Presence Tracking:**  

  Get instant notifications when a user joins or leaves your room, keeping you informed of active participants.

---

### 🛠️ Tech Stack

- **TypeScript**

- **Next.js**

- **Chakra UI**

- **Socket.io**

- **Express**

- **MongoDB**

---

### ⚙️ Additional Features

- **Automated Server Configuration on AWS EC2:**  

  With Ansible, automate the setup of Nginx, SSL, Node.js, and PM2 for enhanced scalability and performance.

  

- **Kubernetes Integration:**  

  Deploy and manage Doodler using Kubernetes Pods, Deployments, and Services.  

  Check out the [Kubernetes configuration files](https://github.com/Saumya40-codes/Doodler/tree/master/server/kubernetes-config) for further details.