CanvasCraft is a feature-rich canvas application built using React, CSS, and Konva.js. This project was developed to provide a comprehensive tool for drawing various shapes, scribbling, and customizing shapes with different colors. It also includes functionality for uploading images and downloading the canvas content in PNG format.
- Shape Drawing: Draw various shapes such as rectangles, circles, and arrows.
- Scribble Tool: Freely scribble and sketch on the canvas.
- Color Customization: Customize shapes and drawings with fill color and stroke color options.
- Image Upload: Upload images onto the canvas.
- Download Canvas: Download the canvas content in PNG format.
- React: A JavaScript library for building user interfaces.
- CSS: Styling the application.
- Konva.js: A 2D canvas library for drawing complex shapes and handling interactions.
-
Clone the Repository:
git clone https://github.com/singhpriya147/canvas_craft.git
-
Install Dependencies:
npm install
Follow these steps to quickly start the project:
-
Run the Application:
npm start
-
Access the Application: Open your web browser and go to
http://localhost:3000
to access the Canvas Craft web app.