Skip to content

feat(frontend): Redesign UI for single-page flow and expose Swarm functionality #17

Description

@rainbowpuffpuff

Currently, the frontend has a couple of areas for improvement:

  1. Two-Page Structure: The user flow is split across two pages, which feels disjointed. We should refactor this into a single-page application experience, similar to the user journey in the ez_think2earn repository. This will likely involve consolidating the UI into a single, dynamic view.

  2. Missing Swarm Controls: The core Swarm functionalities (like uploading, downloading, creating paywalls, etc.) implemented with bee-js are not yet connected to any user-facing buttons or controls. We need to add the necessary UI elements to allow users to interact with these features.

Tasks:

  • Redesign the main page to be a single-page application.
  • Add buttons and UI elements for bee-js functionalities (e.g., 'Upload to Swarm', 'Download from Swarm', 'Create Paywall').
  • Ensure the new UI components are properly connected to the useSwarm hook and SwarmContext.
  • Review and simplify the UI, removing any unnecessary buttons or elements, guided by the ez_think2earn user flow.

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

    Labels

    No labels
    No labels

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions