DrawApp

A web-based drawing application with tools for creating and editing drawings using HTML canvas and JavaScript.

Overview

DrawApp is a user-friendly web application that allows users to unleash their creativity by drawing and designing directly in their web browser. With a range of intuitive tools and customizable options, users can create stunning artwork, diagrams, and illustrations effortlessly.

Features

• Intuitive Drawing Tools: Choose from a variety of drawing tools, including pen, eraser, shapes (rectangle, circle, triangle, square), and text.
• Customizable Brush Settings: Adjust the brush size and color to suit your preferences.
• Color Palette: Select colors from a predefined palette or use a color picker for precise color selection.
• Fill Option: Toggle the fill option for shapes to create solid or outlined shapes.
• Undo and Redo: Easily undo and redo actions to correct mistakes or experiment with different ideas.
• Clear Board: Quickly clear the entire drawing board with the click of a button.
• Save as Image: Save your masterpiece as an image file (JPG format) for sharing or future reference.

Getting Started

1. Clone the repository: git clone https://github.com/your-username/DrawApp.git

2. Open the index.html file in your web browser.

3. Start drawing and unleash your creativity!

Technologies Used

• HTML5
• CSS3
• JavaScript

Screenshots

Roadmap

• Add support for additional drawing tools (e.g., spray paint, shapes with custom dimensions).
• Implement layers functionality for more advanced drawing capabilities.
• Enhance user interface with themes and customizable settings.

Contributing

Contributions are welcome! If you encounter any bugs or have suggestions for new features, please open an issue or submit a pull request.

License

This project is licensed under the Apache License, Version 2.0 - see the LICENSE file for details.

Acknowledgements

• Font Awesome for the beautiful icons.
• Google Fonts for the Poppins font.
• Unsplash for the placeholder image.

---

Feel free to customize the content and add more sections as needed. Replace placeholders like your-username and link-to-preview-image with the appropriate values specific to your project.