DoodleChat (Senior Capstone)

SUNY Polytechnic Fall Semester 2025

Category: Project

Technologies:
  • HTML/CSS
  • JavaScript
  • JSON
  • Node.js
  • Express.js
  • Socket.io

Skills:
  • Web Development
  • Object-Oriented Programming
  • Computer Graphics
  • Version Control (Git)

Description

A collaborative doodle program created to explore real-time multi-user canvas manipulation and websockets. The front end is HTML/Javascript that utilizes the P5.js library for more advanced canvas graphics manipulation including Graphics Buffers and a rendering loop, and the back end is a Node.js server that keeps track of created rooms and connected users and broadcasts actions and chat messages across websockets. It has support for multiple separate canvas instances, canvas resizing, multiple layers, and multiple users drawing at once.

Created Fall 2025 for SUNY Polytechnic Undergraduate Degree in Computer Science's Capstone Project under the advisement of Dr. Michael J. Reale. The accompanying report can be downloaded below.

Gallery

Downloads: