Minimal drag-and-drop demo page of Kanvas's canvas

[kishore08-07]

Current Behavior

Users do not have a minimal, interactive demo that shows how Kanvas works.

Desired Behavior

A simple page with a kanvas's canvas allowing drag-and-drop of supported files(.txt, .yaml, .tar.gz, .png, .jpg, .svg, .webp), then redirecting to kanvas.new to render the file.

Implementation

• Create blank kanvas's canvas UI
• Enable drag-and-drop for supported formats
• Redirect to kanvas.new after drop

Acceptance Tests

• User can drag a file onto the page
• User is redirected correctly
• File renders on kanvas.new

---

Contributor Guides and Handbook

• 🛠 Meshery Build & Release Strategy
• 📚 Instructions for contributing to documentation
  • Meshery documentation site and source
• 🎨 Wireframes and designs for Meshery UI in Figma
• 🙋🏾🙋🏼 Questions: Discussion Forum and Community Slack

[Bhumikagarggg]

Refrence : https://getalai.com

[Rajesh-Nagarajan-11]

Where it should be placed ? @Bhumikagarggg

[Bhumikagarggg]

@Rajesh-Nagarajan-11 First created this till that I create a space for this.

[Prasad8830]

@Bhumikagarggg, How is this issue different from #90?

[Bhumikagarggg]

In this we want video