React Sketch App with Rough.js

This is a simple Sketch app built using React and Rough.js. The app allows users to draw with a pencil, create text elements, and select areas with a rectangle. Additionally, it supports undo and redo functionalities.

Features

• Pencil Tool: Draw freehand with the pencil tool.
• Text Tool: Add text elements to your canvas.
• Selection Rectangle: Create a selection rectangle to select and move multiple elements.
• Undo/Redo: Easily undo or redo your actions.

Prerequisites

• Node.js: Make sure you have Node.js installed. You can download it from nodejs.org.

Getting Started

Follow these steps to get the app up and running on your local machine:

1. Clone the repository:

   git clone https://github.com/mthirumalai2905/Sketching-app-using-reactjs-roughjs.git

2. Setting up the Project:

      Change into the project directory:
      cd sketch-app
   
      Install dependencies:
      npm install
   
      Start the development server:
      npm start
   

Usage

Pencil Tool: Click and drag to draw freehand. Text Tool: Click to add a text element. Enter text in the prompt. Selection Rectangle: Press and drag to create a selection rectangle. Selected elements can be moved. Undo/Redo: Use the Undo and Redo buttons to undo or redo your actions.

Folder Structure

-src/: Contains the React components and application logic.
-public/: Static assets and HTML template.
-node_modules/: Installed dependencies.
-package.json: Project configuration file.

Contributing

Feel free to contribute to this project by submitting issues or pull requests.

License This project is licensed under the MIT License - see the LICENSE file for details.