An Interest In:
Web News this Week
- April 23, 2024
- April 22, 2024
- April 21, 2024
- April 20, 2024
- April 19, 2024
- April 18, 2024
- April 17, 2024
I built my first DApp!
This past weekend I completed a web3 project from the awesome folks at buildspace.
The project was building out a dapp that allows you to send messages and store them on the blockchain. Under the hood, it was Solidity for the Smart contract, TypeScript, NEXT.js, Theme UI, good old semantic markup, and a splash of ARIA in the frontend. Shoutout to the <details />
element! Aside from that, some other web3 goodies like hardhat.
The buildspace projects have really straightforward instructions. I did go a bit rogue though. I recently created a web3 starter, and decided to use that as the base for my project for my first foray into dapp development.
nickytonline / web3-starter
An opinionated web3 starter
Web3 Starter
The goal of this project is to give you an opinionated boilerplate to start a web3 project.
Contributing
If you are interested in contributing to the project, first read ourcontributing guidelines. Take a look at ourexisting issuesor if you come across an issuecreate an issueFor feature requests,start a discussionfirst.
Getting Started (Local Development)
Install the dependencies
npm install# oryarn
Start the project
npm run dev# oryarn dev
Open http://localhost:3000 with your browser to see theresult.
Getting Started (Gitpod)
The project can be run in Gitpod. Navigate tohttps://gitpod.io/#https://github.com/nickytonline/hello-edge-and-node. If youwish to load it in Gitpod as an external contributor, you will need to fork theproject first, then open the fork in Gitpod, e.g.https://gitpod.io/#https://github.com/some_user_that_forked_the_repository/hello-edge-and-node.
- Gitpod will take a minute or two to load.
- If this is the first time
I also decided to make the project my own and made some modifications. For one, the contract allowed for storing one more field, a URL. I was doing this quickly, so just opted to use images from a funny site I love, http.cat.
The code is still a bit scrappy as it really was a weekend project, but I'm still happy with how it turned out. I've made some tweaks since then, but there's still a bunch of refactoring to do.
If you're into TypeScript, there's a couple examples of declaration merging like this one to get the <marquee />
element in JSX.
The dapp is live running the contract off the Rinkeby network. Feel free to check out the dapp's source code.
Picture Portal
A project to learn about web3 following a Buildspace walkthrough. The initialcode is based off of my starter, https://github.com/nickytonline/web3-starterwhich I thought would be fun to do for Hacktoberfest 2021 and potentially behelpful for others.
There is a lot to improve as this was just have fun building something, but I'mstill pretty happy with what I cranked out.
The latest is deployed at https://pics.iamdeveloper.com.
Contributing
If you are interested in contributing to the project, first read ourcontributing guidelines. Take a look at ourexisting issuesor if you come across an issuecreate an issue.For feature requests,start a discussionfirst.
Getting Started (Local Development)
Install the dependencies
npm install# oryarn
Start the project
npm run dev# oryarn dev
Open http://localhost:3000 with your browser to see theresult.
Getting Started (Gitpod)
The project can
And while you're here, check out the live app at pics.iamdeveloper.com!
Original Link: https://dev.to/nickytonline/i-built-my-first-dapp-3pbm
Dev To
An online community for sharing and discovering great ideas, having debates, and making friendsMore About this Source Visit Dev To