Build an example project using React and Webpack

[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 Webpack.

Requirements

Stack

• Use node.js 16 or higher (LTS)
• Use Webpack 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-webpack directory. Open a pull request from your repository to the official repository.

Documentation

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