/react-bootstrap-web3-spa

A SPA template using react-bootstrap for accessing PSF web3 infrastructure.

Primary LanguageJavaScriptMIT LicenseMIT

react-bootstrap-web3-spa

This is a single page app (SPA) based on react-bootstrap. This app is a template to show how to build a web app that leverages the Cash Stack web3 architecture, a censorship-resistant back-end for accessing the Bitcoin Cash blockchain.

This app can be compiled and uploaded to Filecoin via web3.storage. This means a censorship-resistant front-end app (SPA) can be built, which communicates with a censorship-resistant back-end.

Major Features

  • react-bootstrap is used for general style and layout control.
  • An easily customized waiting modal component can be invoked while waiting for network calls to complete.
  • minimal-slp-wallet is used to access tokens and BCH on the Bitcoin Cash blockchain.
  • A 'server selection' dropdown allows the user to select from an array of redundant web3 back end servers.
  • This site is statically compiled, uploaded to Filecoin, and served over IPFS for censorship resistance and version control.
  • A collapsible navigation menu is used to load different views.
  • This app can be compiled into an native Android app using react-bootstrap-web3-android.

Installation

git clone https://github.com/Permissionless-Software-Foundation/react-bootstrap-web3-spa
cd react-bootstrap-web3-spa
npm install
npm start
npm run build

Publish to Filecoin

export FILECOIN_TOKEN=myFilecoinAPITokenFromWeb3.Storage
npm run build
npm run pub

Learn more about alternative deployments in the deployment directory

Support

Have questions? Need help? Join our community support Telegram channel

Donate

This open source software is developed and maintained by the Permissionless Software Foundation. If this library provides value to you, please consider making a donation to support the PSF developers:

bitcoincash:qqsrke9lh257tqen99dkyy2emh4uty0vky9y0z0lsr

Repo Backup

This GitHub repository is backed up on Radicle. If GitHub ever censors this respository, the code can be found in this alternative repository. Here are extra notes on working with Radicle.

This can be cloned from PSF Radicle seed node with one of these commands:

  • rad clone rad:git:hnrkd5cjwwb5tzx37hq9uqm5ubon7ee468xcy --seed radicle.fullstackcash.nl
  • rad clone rad:git:hnrkd5cjwwb5tzx37hq9uqm5ubon7ee468xcy --seed maple.radicle.garden

License

MIT