https://github.com/blocknative/react-demo

React integration for Blocknative's Web3-Onboard library
https://github.com/blocknative/react-demo

blocknative dapp dapps-development ethereum ethereum-blockchain ethereum-token javascript react reactjs web3 web3-dapp

Last synced: 6 days ago
JSON representation

React integration for Blocknative's Web3-Onboard library

• Host: GitHub
• URL: https://github.com/blocknative/react-demo
• Owner: blocknative
• Created: 2019-09-17T02:10:51.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2024-06-17T08:51:45.000Z (7 months ago)
• Last Synced: 2024-07-02T04:15:28.855Z (7 months ago)
• Topics: blocknative, dapp, dapps-development, ethereum, ethereum-blockchain, ethereum-token, javascript, react, reactjs, web3, web3-dapp
• Language: JavaScript
• Homepage: https://www.Blocknative.com
• Size: 7.51 MB
• Stars: 123
• Watchers: 19
• Forks: 86
• Open Issues: 3
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# React Demo

A repository to demonstrate a basic integration of 

[Web3-Onboard](https://github.com/blocknative/web3-onboard) official docs for W3O can be found [here](https://onboard.blocknative.com/docs/modules/core#install).

This project uses [React App Rewired](https://www.npmjs.com/package/react-app-rewired) for building, checkout `config-overrides.js` for details.

For detailed documentation, head to [docs.blocknative.com](https://docs.blocknative.com)



  



View live demo [here](https://reactdemo.blocknative.com/)!

## Getting started

Clone the repo:

```bash

git clone https://github.com/blocknative/react-demo.git

```

Navigate to the project directory:

```bash

cd react-demo

```

Install the dependencies:

```bash

yarn

```

Start the development server:

```bash

yarn start

```

The project will be running on [localhost:3000](http://localhost:3000)

### SSL

Some wallets require that the website within which it runs be using a https 

connection. If you are testing one of these wallets, Ledger is one, then you have

two options:

 1. Setup a valid certificate for localhost using [this guide](https://www.freecodecamp.org/news/how-to-set-up-https-locally-with-create-react-app/).

 2. Allow invalid certificates for resources loaded from localhost by navigating here within a chrome based browser: [chrome://flags/#allow-insecure-localhost](chrome://flags/#allow-insecure-localhost)