https://github.com/ayusharyan143/drawapp

A web-based drawing application with tools for creating and editing drawings using HTML canvas and JavaScript.
https://github.com/ayusharyan143/drawapp

Last synced: 29 days ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/ayusharyan143/drawapp
• Owner: ayusharyan143
• License: apache-2.0
• Created: 2024-04-22T16:10:47.000Z (8 months ago)
• Default Branch: main
• Last Pushed: 2024-04-22T16:35:51.000Z (8 months ago)
• Last Synced: 2024-04-22T17:55:24.415Z (8 months ago)
• Language: JavaScript
• Size: 14.6 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# 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](LICENSE) file for details.

## Acknowledgements

- [Font Awesome](https://fontawesome.com/) for the beautiful icons.

- [Google Fonts](https://fonts.google.com/) for the Poppins font.

- [Unsplash](https://unsplash.com/) 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.