Code Monkey home page Code Monkey logo

luckyrobot / dapp-scaffold Goto Github PK

View Code? Open in Web Editor NEW

This project forked from joshbrgs/dapp-scaffold

0.0 0.0 0.0 2.94 MB

A scaffold of an Ethereum dapp monorepo. NextJS FrontEnd with useDapp, Apollo, Tailwind CSS, and DaisyUI. HardHat for testing and local network spin ups, with Chainlink and OpenZepplin to help buidl your smart contracts. Last but not least, The Graph to help make a subgraph to query your smart contracts with qql.

Home Page: dapp-scaffold-dusky.vercel.app

License: MIT License

TypeScript 14.99% JavaScript 43.79% CSS 32.98% Shell 0.41% Solidity 0.67% Dockerfile 0.21% Pug 6.42% HTML 0.52%

dapp-scaffold's Introduction

dapp-scaffold

A scaffold of an Ethereum dapp monorepo. NextJS Typescript FrontEnd with useDapp, Apollo CLient, Tailwind CSS, and Daisy UI. HardHat for testing and local network spin ups, as well as Chainlink and OpenZepplin to help buidl your smart contracts, and The Graph to buidl a subgraph to easily query your contract on chain.

Packages

Client

This is a Nextjs Project setup with Tailwind CSS and Daisy UI to help you build your frontend UI fast and efficiently. This project also comes pre intalled with useDapp, a package that uses ethersjs under the hood to give you react hooks that enable quick implementation of web3 necessities like connecting a wallet and reading balances. This project also comes pre equiped with Apollo Client for your query needs with The Graph, if you choose to use a subgraph to query your smart contracts.

Hardhat

Hardhat is a smart contract testing environment that comes with a bunch of developer tools, even the ability to add console statements in your contracts to help debug. This suite has started to gain popularity recently and is a replacement to Truffle testing framework. In this project, Chainlink and OpenZepplin if you want verified randomness, or to create your own ERC-20 token, they are available to utilize in your smart contract development!

The Graph

The Graph gives you the ability to use GraphQL to query your smart contract events on the Ethereum blockchain! If you come from a web2 background and know about REST APIs, but maybe not so much about GraphQL, I encourage you to check out the benefits of this technology. In some cases, REST queries can provide you with a bunch of unnecessary or unused data, but with GraphQL you can specify what data you want back and from one endpoint, your query will give you just the information needed, this can help reduce bloat in http calls. The Graph is a project that brings this ability to web3 developers like you!

dapp-scaffold's People

Contributors

joshbrgs avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.