PurdueMosaic

• 

  Showcasing PurdueMosaic Interface while drawing Ross-Ade Brigade

• 

  Bell Tower Canvas Art drawn and downloaded using PurdueMosaic

• 

  WORLD'S BIGGEST DRUM

• 

  lol

Inspiration

We were inspired by the Reddit social experiment r/place, a collaborative project where users can place a pixel every 5 minutes to create art. It showed that although each individual could only place one pixel, together with their communities they could create massive works of art.

What it does

A collaborative pixel drawing app where users come together to draw a shared prompt. Takes user mouse clicks and color input from multiple devices and auto syncs to paint on a shared canvas.

How we built it

Built using HTML, CSS, JS for the front-end, Express and Node.js for the back-end framework, and socket.io for server synchronization across multiple devices and users. Deployed with Render.

Challenges we encountered

Having to synchronize the same prompts, pixels, and timers across all users.

Achievements we're proud of

We're proud of overcoming every step along the way, from building the front-end, connecting to the back-end, solving the problem of syncing across servers, and even the graph design!

What we learned

Throughout the development stages, we gained valuable insights into real-time web applications, server synchronization, connecting back-end and front-end, and the importance of effectively collaborating with others.

What's next for PurdueMosaic

In the future, we hope to implement features like (list some possible new features). But aside from some new features, we hope to keep PurdueMosaic up and running for Boilermakers to enjoy and doodle on!

Built With

• css
• express.js
• html
• javascript
• node.js
• render
• socket.io