NEAR-X-ENCODE-Hackathon 🍏

Developer starter kit for using NEAR BOS component 🛠

Near X Encode submission project

This guide aims to help and give a frictionless experience to onboard developers to the NEAR ecosystem. We will build a Defi widget as a BOS component allowing us to interact with Uniswap Protocol.

🎯 Goals :

• Learn to develop with both BOS CLI locally or use the NEAR online editor
• Understand how BOS components are built and shared across the community
• Integrate web3 connect wallet while using a BOS component
• Build your widget with vanilla js and ether.js for the frontend
• Interact with the Uniswap smart contracts for adding and removing liquidity
• Deploy on NEAR

📖 Deliverables :

[Notion doc https://paubar.notion.site/Near-BOS-Developer-starter-kit-b36a5f16084f4e5683a7365100941689]

🤖 Tech Stack and Chain Info:

Tech Stack:

• Javascript
• React.js
• CSS
• Ethers.js
• The Graph
• Near BOS

Chain:

Component deployed on-chain: https://near.org/a_liutiev.near/widget/encodexnear23-uniswap#

---

🏄‍♂️ Quick Start for Running Locally

Check the Near Documentation if you wish to use the BOS-CLI and BOS-Loader in order to deploy from the CLI https://github.com/bos-cli-rs/bos-cli-rs

You can also add the NEAR VSC extension IDE https://docs.near.org/bos/dev/vscode

Fork and clone this project

• First, fork this project by clicking the Fork button in the upper right-hand corner of the repo page.
• Second, open your terminal and run the following command with your github username.

git clone https://github.com/<YOUR-USERNAME>/encodexnear23

📱 Run the App and view the component

• Inside the root directory

bos deploy

🏃‍♀️ Quick Start to use BOS online editor

Go to this link : https://near.org/sandbox and copy paste the code inside main.jsx

---

🖼 UI -> 3 views