PW3App Mobile Experience

A Moralis & Avalanche Hackathon project 2022

What is it?

The Physical Web3 is a permissionless platform that allows users to expose smart contract functionalities through a mobile web3 app prodiving a URL that can be embedded it into NFC tags or QR Codes. It offers a no code/low code dApp builder that is a user-friendly platform for creating blockchain based applications from templates, much like WIX or Squarespace allow you to create web ready experiences in web 2.0, PW3Builder lets you do it in web 3.0 this time leveraging the whole power of blockchain.

Scope of project

The PW3Apps are mobile ready experiences for any smart contract, go to public/config.json and edit it to render the API of any smart contract as a web3 mobile app with self guiding user experience.

How it works?

End user experience mobile

Features

No code solution for creating and managing dApps capables of sending and receiving payments and data
Guided mobile experience with built in deeplinks and responsive
Built on top of Moralis and Smart Contracts powering the templates in Avalanche

Tech

PhysicalWeb3 uses a number of technologies and networks:

Moralis - Web3 dapps backend as a service
Avalanche - Avalanche is an open, programmable smart contracts platform for decentralized applications.
Chainlink - Chainlink's decentralized oracle network provides reliable, tamper-proof inputs and outputs for complex smart contracts on any blockchain.
Covalent - Covalent provides a unified API bringing visibility to billions of blockchain data points. We use it to display price in USD for transactions from the dApps

Configuration

The configuration file can be found in public/config.json and can be customized with the same properties that can be set from the builder, specifying imageUrl, name, title, description, Network, smart contract address and ABI.

Getting Started

Require setting up .env with

REACT_APP_MORALIS_APP_ID=<Your Moralis Server AppId>
REACT_APP_MORALIS_SERVER_URL=<Your Moralis Server full URL>
REACT_APP_CONFIGURATION_URL=<Path to config file from the public folder e.g config.json>
REACT_APP_COVALENT_KEY=<Covalent API Key for real time USD pricing on tokens>

First, run the development server:

yarn install
yarn start

Open http://localhost:3000 with your browser to see the result.

gianksp/physicalweb3-dapp