Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/net2devcrypto/decentralized-web3-front-end
Build a Static HTML Web3 Frontend that can be hosted in IPFS to have a true serverless, decentralized web3 application.
https://github.com/net2devcrypto/decentralized-web3-front-end
blockchain decentralized-applications ethersjs html-css-javascript ipfs nextjs serverless-framework static-site web3 web3js
Last synced: 22 days ago
JSON representation
Build a Static HTML Web3 Frontend that can be hosted in IPFS to have a true serverless, decentralized web3 application.
- Host: GitHub
- URL: https://github.com/net2devcrypto/decentralized-web3-front-end
- Owner: net2devcrypto
- Created: 2023-11-21T22:05:08.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2023-12-04T22:05:23.000Z (about 1 year ago)
- Last Synced: 2024-08-20T14:41:26.734Z (4 months ago)
- Topics: blockchain, decentralized-applications, ethersjs, html-css-javascript, ipfs, nextjs, serverless-framework, static-site, web3, web3js
- Language: JavaScript
- Homepage:
- Size: 1.69 MB
- Stars: 4
- Watchers: 2
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Decentralized-Web3-Front-End
Build a Static HTML Web3 Frontend that can be hosted in IPFS to have a true serverless, decentralized web3 application.** THE FILES ATTACHED TO THIS REPO ARE FOR EDUCATIONAL PURPOSES ONLY **
** NOT FINANCIAL ADVISE **
** USE IT AT YOUR OWN RISK** **I'M NOT RESPONSIBLE FOR ANY USE, ISSUES ETC.. **
Part 1 Repo
Click for video:
Part1 Folder Contents:
```shell
CSS Folder
JS Folder
Public Folder
Index.html
```Download part1 folder from repo and open index.html, completed tutorial page should load. Practice JS HTML DOM with Tutorial Video.
Part 2 Repo
Click for video:
Part2 Folder Contents:
Updated HTML File with Tutorial Changes
Added:
```shell
js/
config.js (WEB3 Functions)
erc20abi.js (ERC20 Token Smart Contract ABI)
masterchef.js (DeFI Masterchef Smart Contract ABI)
```Download part2 folder from repo and open index.html, completed tutorial page should load. Practice the Web3 Functions and how they are invoked per render sequence.