Skip to content

README.md

Latest commit

 

History

History
107 lines (74 loc) · 3.17 KB

README.md

File metadata and controls

107 lines (74 loc) · 3.17 KB

Core Pyth Feed Boilerplate

Pyth Feed Boilerplate is a React-based dApp for fetching and displaying real-time price feeds from the Pyth Network. This boilerplate provides a quickstart template for developers to quickly create similar applications on the Core blockchain.

Purpose: The quickstart guide helps developers rapidly set up a functional dApp with essential setup instructions and code snippets. For detailed instructions and advanced configurations, refer to the full-length guide further down.

Quickstart

Project Setup: Clone the repository and install dependencies. Configuration: Set up the Pyth price feed smart contract and integrate it with the React app. Running the Application: Start the app and view real-time price feeds.

Prerequisites

Before setting up the project, ensure you have the following installed:

Setup

1. Clone the Repository

Clone the repository to your local machine using GitHub Desktop or Git:

gh repo clone Camnaz/Core-Pyth-Feed-Boiler
cd Core-Pyth-Feed-Boiler

2. Install Dependencies

Navigate to the project directory and install the necessary dependencies:

npm install

Navigate to the frontend directory and install the dependencies:

cd frontend
npm install
cd ..

3. Configure the Project

  • Add Private Key: Create a 'secret.json' file in the project root and add your private key.
{
  "PrivateKey": "your-private-key-here"
}

3.1 Compile Hardhat

npx hardhat compile

Once deployed, update Smart Contract Address: Open src/App.js and replace 0xYourContractAddress with your deployed contract address on the Core blockchain.

4. Install Babel Plugin

Install the Babel plugin to avoid dependency issues:

npm install --save-dev @babel/plugin-proposal-private-property-in-object

4.1 Navigate to frontend of project

cd frontend

5. Run the Application

Start the React application:

npm start

6. Access the Application

Open your browser and navigate to if it has not already:

http://localhost:3000

7. Conclusion

Congratulations, you now have a Pyth data feed for CORE/USD, and are able to view the Core price live which is updated every few seconds. You are able to use this boilerplate to imbed Pyth price feeds for Core into different Dapps, or as a learning resource.

Troubleshooting

Error: One of your dependencies, babel-preset-react-app, is importing the "@babel/plugin-proposal-private-property-in-object" package without declaring it in its dependencies. Solution: Install the Babel plugin manually:

npm install --save-dev @babel/plugin-proposal-private-property-in-object

Error: MetaMask - RPC Error: Request of type 'wallet_requestPermissions' already pending.

Solution: Open MetaMask and approve or reject the pending permission request.

Error: no matching function (argument="name", value="updatePrice", code=INVALID_ARGUMENT, version=abi/5.7.0)

Solution: Ensure the ABI file is up-to-date and contains the correct function names.