Build an example project using React and Vite

[Cafe137]

Description

Your task is creating a sample project that shows off the functionalities of the Swarm network, and serves as a simple example for developers looking to build a dApp that uses the decentralised Swarm storage.

This project is intended to be a front-end project that uses React and Vite.

Requirements

Stack

• Use node.js 16 or higher (LTS)
• Use Vite as the bundler
• Use modern React (functional components)
• Use latest @ethersphere/bee-js version
• The project should start with npm install && npm start
• The project should build a static site with npm run build

Functionality

• List available postage batches (getAllPostageBatch)
• Create new postage batch (createPostageBatch)
• Upload a single file (uploadFile or uploadFiles)
• Link to the uploaded file (http://localhost:1633/bzz/<hash>/)

Code quality

• Code should be simple to follow and reason about
• Use a formatter (e.g. Prettier) to make code style consistent
• Use descriptive names, prefer easily readable code over comments
• Extract utilities and helpers to a separate file, keep the main logic short
• Compose application logic out of smaller building blocks, e.g. functions

Handover

Fork this repository, and place your submission in a new react-vite directory. Open a pull request from your repository to the official repository.

Documentation

• All docs
• Postage batch
• Bee Dashboard, an existing front-end app

[ReX027]

Hi @Cafe137 , Could you assign this issue to me ?

[ReX027]

@Cafe137 Is there any free public bee node available that I can access or I have to set up wallet to access swarm storage ?

[Markkos89]

Is this task still open @Cafe137 ?? thanks in advance

[iamabhay17]

Hey @Cafe137 is this still open?

[Oyase-shinobi]

Hello @Cafe137 hope you are doing well I would love to engage in your team