SketchFlow is a simple web application that allows users to create and draw shapes on a canvas using various drawing tools. This README provides an overview of the SketchFlow project, its features, and how to set it up and use it.
-
Drawing Tools: SketchFlow provides four drawing tools:
- Brush 🖌️: Allows freehand drawing with adjustable brush size.
- Rectangle ▭: Draws rectangles on the canvas.
- Circle ⚪: Draws circles on the canvas.
- Line 📏: Draws straight lines.
- Erase 🧼: Erases parts of the canvas.
-
Adjustable Brush Size: Users can adjust the brush size using a range input slider.
-
Color Picker 🎨: Users can select the drawing color using a color picker input.
-
Save and Clear: SketchFlow allows users to save their drawings as images and clear the canvas.
-
Undo and Redo: Users can undo and redo their drawing actions using keyboard shortcuts (Ctrl+Z for undo and Ctrl+Y for redo) or buttons provided in the UI.
-
Responsive Design: The application is responsive and adapts to different screen sizes, including mobile devices.
To run SketchFlow locally or contribute to the project, follow these steps:
- Clone the repository:
git clone https://github.com/iam-baivab/SketchFlow.git- Open the project directory:
cd SketchFlow- Open the
index.htmlfile in your web browser to launch SketchFlow.
- HTML5
- CSS3 (Bootstrap for styling)
- JavaScript (Canvas API for drawing functionality)
- Font Awesome for icons
Contributions to SketchFlow are welcome! To contribute, follow these steps:
- Fork the repository.
- Create a new branch (
git checkout -b feature/my-feature). - Make your changes and commit them (
git commit -am 'Add new feature'). - Push to the branch (
git push origin feature/my-feature). - Create a new Pull Request.
This project is licensed under the Apache-2.0 License. See the LICENSE file for details.
For any questions or feedback regarding SketchFlow, please open an issue on the GitHub repository or contact the project maintainer here.
Enjoy drawing and creating with SketchFlow! 🎉