Web3 dApp Starter Kit

Intro
Instructions
Contract development
Client Development

Inspiration

With such a fast-moving ecosystem, documentation, tools and tutorials for building dApps are frequently outdated and spread out. This makes getting up and running with development a challenge. But it doesn't need to be. Our team dApp in a box created a simplified tool kit for quickly building Ethereum dApps: The Web3 dApp Starter Kit. Ready to onboard the next generation of dApp creators!

What it does

The Web3 dApp Starter Kit provides aspiring and seasoned dApp developers alike with a ready built foundational workflow for starting a new dApp.

Local Ethereum network
Integrated development environment
Sample contract
dApp boilerplate
File organization and directory structure

How we built it

This starter kit is built using a popular set of well maintained npm-packages. The kit was built in two parts: One part for writing smarts contracts and the other part for Client side development. For contract development, packages include ganache-cli to run a local Ethereum network and remix-ide for writing, compiling, and deploying contracts. For client development, rollup is used for bundling while web3.js connects the client to the Ethereum provider.

Challenges we ran into

One of the biggest challenges we ran into was selecting the right packages and tools to use for the job. Do we use npm? yarn? make? So many options, so let's select the one we think handles the job best and run with it.

Accomplishments that we're proud of

We are really proud to get a functionally working and useful tool, open sourced for the community.

What we learned

We learned so much about the available tools and technologies currently available for building dApps. From ganache-cli, truffle suite, npm packages, bash scripts, solidity, linters, and more.

What's next for Web3 dApp Starter Kit

We envision the Web3 dApp Starter Kit to become a first stop for onboarding beginners through seasoned dApp creators - to explore, create, and contribute to the dApp ecosystem.