Build Drag & Drop Animation Editor (Frontend Only)

Job ID: 40116816

Budget: ₹1,500 – ₹12,500 INR

**READ BEFORE BID. YOUR BID PRICE IS FINAL. NO CHANGE ALLOWED.***
I am building a web-based animation editor based on Fabric.js, focused on drag-and-drop scene creation.

This project is frontend-only. Backend rendering will be handled separately.

Scope of Work

The freelancer will build:

1. Canvas Editor

HTML5 canvas using Fabric.js
Drag & drop characters, props, text
Resize, rotate, move elements
Multi-select support

2. Asset Panel (Assets to be provided by me only)

Left sidebar listing characters, props, backgrounds
Click / drag to add to canvas

3. Property Panel

Right sidebar to edit:
Position
Scale
Rotation
Opacity

4. Timeline (MVP)

Scene-based timeline (0–5 seconds)
Object tracks
Basic keyframes (fade in, slide)

5. Scene JSON Export

Export current scene into structured JSON
No backend integration required

Mandatory:

React.js
Fabric.js (or deep HTML5 Canvas)
JavaScript (ES6+)
CSS / Tailwind
State management (Redux/Zustand)

You are responsible for project installation/deployment on my server and code co py ri ghts belong to me.