Student Projects: Drawsome
Drawsome is a social network where users communicate entirely through drawing. There are three main ways to communicate with your friends on Drawsome - you can make intricate masterpieces, you can comment on those masterpieces, or you can send your friends one-on-one messages.
Masterpieces allow users to choose colors, stroke size and opacity to make intricate drawings. We used Paper.js to implement some features like subtle, automatic path smoothing. Users can save a draft of a masterpiece or post their drawing.
Comments are drawings in response to a masterpiece. They can be seen by clicking on any image in the gallery or by going to a user's profile page.
Messages in Drawsome use web sockets to allow users to draw with each other in real time. The messages component is accessible on all parts of Drawsome.
----
Fullstack Academy was recently ranked the #1 coding bootcamp in the U.S. Learn more at https://www.fullstackacademy.com.
Other Videos By Fullstack Academy
2017-03-06 | Elixir Tutorial - Learn How to Use the Elixir Programming Language |
2017-03-06 | React Animation Tutorial - How to Incorporate UI Animations to a React App |
2017-03-06 | Redis Tutorial - A Brief Introduction to Redis |
2017-03-06 | Vue.js Tutorial - Vue.js Makes Sense |
2017-03-06 | Stackathon Presentation: create-react-app-fullstack |
2017-03-06 | Three.js Tutorial - Making a case for 3D on the Web |
2017-03-02 | ASI Guide - Are Semicolons Necessary in JavaScript? |
2017-02-28 | FSA - CTO Lectures: Scalability by David Yang |
2017-02-22 | Tech Talk: JavaScript Device APIs |
2017-02-21 | Student Projects: Bombanauts |
2017-02-21 | Student Projects: Drawsome |
2017-02-21 | Student Projects: Hatch |
2017-02-21 | Student Projects: SamePage |
2017-02-21 | Student Projects: Youphonic |
2017-02-21 | Student Projects: PaintWars |
2017-02-21 | Student Projects: 3D Tron |
2017-02-21 | Student Projects: All 4 One |
2017-02-20 | Student Projects: Code Battle |
2017-02-20 | Student Projects: Solace |
2017-02-20 | Student Projects: AutoLingo |
2017-02-20 | Student Projects: Bisque |