Skip to content
Image-based pixel art chatroom written in Node with Socket.IO
HTML JavaScript CSS
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
public
.gitignore
README.md
index.js
package-lock.json
package.json

README.md

PixlChat

A simple chat room where participants communicate via hand-drawn pixel art images instead of text. Made in Node.js and forked from socket.io chatroom example

The server sends data between clients by encoding the pixel art canvas element to a base64 jpeg image and sending the resulting string.

How to use

Visit https://pixl.chat or if you wish to run the script for yourself:

$ cd pixlchat
$ npm install socket.io
$ npm install
$ npm start

And point your browser to http://localhost:3000. Optionally, specify a port by supplying the PORT env variable.

Features

  • Multiple users can join a chat room by each entering a unique username on website load.
  • Users can send their art canvas by pressing Enter
  • Leave/Join notifications

To-Do

  • Reinforce XSS security
  • Moderation features
  • Admin backend
  • Limit one instance per client
  • Create custom pixel art editor
  • Rewrite HTML and CSS
You can’t perform that action at this time.