I built my first DApp!

This page summarizes the projects mentioned and recommended in the original post on dev.to

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • WorkOS - The modern identity platform for B2B SaaS
  • web3-starter

    An opinionated web3 starter for building dApps

    View on GitHub

  • If you are interested in contributing to the project, first read our contributing guidelines. Take a look at our existing issues or if you come across an issue create an issue For feature requests, start a discussion first.

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  • unofficial-edge-and-node-starter

    Discontinued An opinionated web3 starter [Moved to: https://github.com/nickytonline/web3-starter]

    If you are interested in contributing to the project, first read our contributing guidelines. Take a look at our existing issues or if you come across an issue create an issue For feature requests, start a discussion first.

  • theme-ui

    Build consistent, themeable React apps based on constraint-based design principles

    The project was building out a dapp that allows you to send messages and store them on the block chain. Under the hood, it was Solidity for the Smart contract, TypeScript, NEXT.js, Theme UI, and good old semantic markup in the frontend. Shoutout to the

  • Next.js

    The React Framework

    The project was building out a dapp that allows you to send messages and store them on the block chain. Under the hood, it was Solidity for the Smart contract, TypeScript, NEXT.js, Theme UI, and good old semantic markup in the frontend. Shoutout to the

  • hardhat

    Hardhat is a development environment to compile, deploy, test, and debug your Ethereum software.

    element! Aside from that some other web3 goodies like hardhat. The buildspace projects have really straightforward instructions. I did go rogue a bit though. I recently created a web3 starter, and decided to use that as the base for my project. 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 our contributing guidelines. Take a look at our existing issues or if you come across an issue create an issue For feature requests, start a discussion first. Getting Started (Local Development) Install the dependencies npm install # or yarn Enter fullscreen mode Exit fullscreen mode Start the project npm run dev # or yarn dev Enter fullscreen mode Exit fullscreen mode Open http://localhost:3000 with your browser to see the result. Getting Started (Gitpod) The project can be run in Gitpod. Navigate to https://gitpod.io/#https://github.com/nickytonline/hello-edge-and-node. If you wish to load it in Gitpod as an external contributor, you will need to fork the project 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… View on GitHub 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 some a couple examples of declaration merging like this one to get the element in JSX. The dapp is live running the contract off the Rinkeby network. Feel free to check out the Picture Portal source code. nickytonline / picture-portal Picture Portal A project to learn about web3 following a Buildspace walkthrough. The initial code is based off of my starter, https://github.com/nickytonline/web3-starter which I thought would be fun to do for Hacktoberfest 2021 and potentially be helpful for others. There is a lot to improve as this was just have fun building something, but I'm still 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 our contributing guidelines. Take a look at our existing issues or if you come across an issue create an issue. For feature requests, start a discussion first. Getting Started (Local Development) Install the dependencies npm install # or yarn Enter fullscreen mode Exit fullscreen mode Start the project npm run dev # or yarn dev Enter fullscreen mode Exit fullscreen mode Open http://localhost:3000 with your browser to see the result. Getting Started (Gitpod) The project can… View on GitHub And while you're here, check out the live app at pics.iamdeveloper.com!

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts