Skip to content

This project is an interactive canvas-based web application built using Konva js and React Js. It allows users to draw, manipulate shapes, and customize elements on the canvas in real-time.

Notifications You must be signed in to change notification settings

singhpriya147/canvas_craft

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

CanvasCraft

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.

Features

  • 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.

Technologies Used

  • 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.

Running the project

Installation

  1. Clone the Repository:

    git clone https://github.com/singhpriya147/canvas_craft.git
    
  2. Install Dependencies:

    npm install
    

Quick Start

Follow these steps to quickly start the project:

  1. Run the Application:

    npm start
  2. Access the Application: Open your web browser and go to http://localhost:3000 to access the Canvas Craft web app.

About

This project is an interactive canvas-based web application built using Konva js and React Js. It allows users to draw, manipulate shapes, and customize elements on the canvas in real-time.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published