Image Inpainting Widget v3

Learning to build a web application that allows users to upload an image, draw a mask on it, and export the original image and the mask image as a pair.

Tech Stack

Frontend

• React
• Fabric.js
• Axios
• Vite

Setup

Frontend Setup

cd frontend

npm install

npm run dev

Features

• Image upload
• Interactive drawing canvas
• Adjustable brush controls
• Mask generation

Project Structure

Development

1. Clone the repository
2. Set up frontend and backend following the setup instructions
3. Start development servers
4. Access the application at http://localhost:5173