Skip to content

toouil/sketchflow

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

SketchFlow is a collaborative drawing tool built with React and Vite, Express, and Socket.IO, designed for creating diagrams, sketches, and illustrations in real-time.

Live demoDownload

Features

  • Real-Time Collaboration: SketchFlow enables multiple users to collaborate on the same drawing simultaneously using WebSockets.
  • Intuitive Interface: The application provides a simple and intuitive interface for drawing and creating diagrams.
  • Basic Shapes: Draw various shapes including rectangles, lines, circles, arrows, diamonds, and more.
  • Background and Stroke Color: Customize background color and stroke color for shapes.
  • Export and Import: Save and load drawings as .sketchFlow files for easy sharing and editing.
  • Undo and Redo: Easily undo or redo changes to your drawing.
  • Zoom In & Out: Zoom in and out for precise editing and viewing.
  • Opacity Control: Adjust opacity for shapes and elements.
  • Layers: Organize your drawing with layers for better management and control.
  • Delete and Duplicate: Delete shapes and elements, and duplicate them for quick replication.
  • Stroke Style: Change stroke style for shapes.

Tech Stack

  • Client: React(vite.js).
  • Server: Node, Express, webSocket.

🚨 Note : Not fully responsive in mobile phone screen