Skip to content

[UI] Build the "Drag-and-Drop" Upload Component #1

Description

@mijinummi

Title: [UI] Build the "Drag-and-Drop" ABI/Spec Upload Component

📝 Description

We need a clean, user-friendly entry point for developers to upload their contract metadata. This component will be the first thing a user sees in the apps/web dashboard.

🎯 Goal

Create a React-based drag-and-drop zone that accepts .json (EVM ABIs) and .wasm (Soroban Specs) files.

✅ Requirements

  • Implement a drag-and-drop zone using react-dropzone or native HTML5.
  • Add file-type validation to ensure only relevant files are uploaded.
  • Provide immediate visual feedback (e.g., a "File Loaded" checkmark) once the file is parsed into memory.

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions