Inkredible - A Digital Sketchbook App

A feature-rich digital sketching platform built with React, TypeScript, Vite, and the HTML Canvas API. Draw, sketch, and create with a powerful set of tools and a seamless user experience! :)

---

Table of Contents

• Features
• Tech Stack
• Installation
• Usage
• Future Enhancements

---

Features

• Canvas Drawing: Create, edit, and save drawings with a variety of brushes, colors, and opacity options.
• Brush & Eraser Tools: Draw with different brush sizes, erase freely, and control the size of the eraser.
• Text Tool: Add and customize text with flexible size, font, and color options.
• Undo/Redo: Easily revert or reapply actions with intuitive controls.
• Background Patterns: Choose from a selection of background patterns such as grid, dots, lines, and crosshatch.
• Light/Dark Mode: Switch between light and dark themes for a comfortable experience.
• Touch Support: Optimized for touch devices, offering smooth drawing and interaction.

---

Tech Stack

• React
• TypeScript
• Vite
• HTML Canvas API
• Tailwind CSS

---

Installation

Prerequisites

• Node.js (>=14.x)
• npm (or yarn)

Steps

1. Clone the repository:

   git clone https://github.com/mounicasruthi/inkredible.git
   cd inkredible

2. Install dependencies:

   npm install

3. Start the development server:

   npm run dev

4. Open the app:

   • Visit http://localhost:5173 in your browser.

---

Usage

Tools Overview

• Brush: Select a color and size, then draw freely on the canvas.
• Eraser: Erase parts of your drawing by adjusting the eraser size.
• Text Tool: Add text to the canvas and customize its appearance.
• Delete: Clear the entire canvas with a single click to start fresh.

Canvas Customization

• Themes: Switch between light and dark themes for personalized experience.
• Backgrounds: Choose from various canvas patterns (grid, dots, etc.).

Editing & Export

• Undo/Redo: Quickly undo or redo your last action.
• Export: Save your drawing as an image file (PNG) to share.

Touch Support

The app is fully optimized for touch devices. Simply use your finger or stylus to draw, erase, and interact with the canvas.

---

Future Enhancements

• Vector Drawing Tools: Add shape tools (circle, square, line) for more precision.
• Collaboration Mode: Enable multiple users to draw on the same canvas in real-time.
• Cloud Sync: Allow users to save their artwork to the cloud and access it across devices.
• Zoom & Pan Functionality: Implement zoom in/out and pan modes for a more flexible and detailed workspace.