Skip to content

tintran519/sketch_io

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Sketch I/O

####Description:

Sketch I/O is a real-time collaborative drawing tool for teams of developers and designers. With our sketching and integrated chat feature, designers can collaborate together in real-time to quickly sketch out a mock website, logo, flowchart, or for any other creative project.

Check out our Pitch Deck!

####Technologies Used:

  • HTML5/CSS3
  • Node.JS
  • Express
  • Mongoose
  • MongoDB
  • Socket.IO

####Getting Started:

Upon visiting the Sketch I/O site, the user can use his or her Google account to register for the site and log in. Once logged in and authenticated, the user has the ability to chat and sketch with other collaborators in real-time.

Clicking on the "Artist Tools" bar at the bottom brings up a group of tools for the user, including a color palette, a size option, and predefined shape options.

Users can chat with collaborators by clicking on the chat icon which will slide the chat interface into view.

####Planned Features:

  • Additional UI/UX styling
  • Chat notification upon receipt of message
  • Customizable color palette
  • Landing page
  • Separating user chats into different columns
  • Touch up chat bubble styling
  • Ability to send chat by pressing enter
  • Voting system for clearing the board

###Unsolved Problems:

  • Canvas size is dependent on window size when first loaded (it requires a refresh of the page if the window size is adjusted after loading).

####Team Members:

  • Tin Tran
  • Shan Ho
  • Roy Hwang