Create Ether Dapp

screenshot of Create Ether Dapp
react

Create Ether Dapp

A template for building Full-Stack Blockchain Dapps using Next.js (React), TypeScript, Tailwind CSS, Hardhat, Solidity, and many more!

Overview:

The Create Ether Dapp is an Ethereum template designed to help developers quickly build Full-Stack Blockchain Applications. It utilizes TypeScript and includes all the necessary tools for development. The template uses Next.js (React) for the front-end, Tailwind CSS for styling, Ethers.js and MetaMask for Ethereum integration, IPFS and Pinata for file storage, and Hardhat for smart contract development. The back-end is built with Node.js, MongoDB, Mongoose, Express, Ethers.js, and Joi. The template is open source with a MIT license and contributions are welcome.

Features:

  • Full-Stack Blockchain Application template
  • Utilizes the power of TypeScript
  • Front-end technologies: Next.js (React), Tailwind CSS, Ethers.js, MetaMask, IPFS, Pinata
  • Smart contract technologies: Hardhat, Ethers.js, TypeChain, OpenZeppelin, Mocha, Chai, Waffle
  • Back-end technologies: Node.js, MongoDB, Mongoose, Express, Ethers.js, Joi

Installation:

To use the Create Ether Dapp template, you have two options:

First Method (Recommended):

  1. Open a UNIX terminal (e.g., Windows WSL, Bash, ZSH, Fish, Shell).
  2. Ensure you have yarn installed. If not, run npm i -g yarn to install yarn.
  3. Run yarn create ether-dapp to create a new project at my-dapp in the current working directory.
  4. Once the app is created, run yarn dev to start the application.
  5. You can now view the app at:

Second Method:

  1. Go to the main GitHub repository of the Create Ether Dapp project.
  2. Click on the "Use this template" button to create a new repository using this template as a starting point.
  3. Clone your new repository into your IDE of choice.
  4. Inside the cloned repository, run the following command:
    yarn install
    
  5. Additionally, you can navigate to the frontend, backend, and hardhat directories individually and run yarn install in each directory.

Running All at the Same Time:

If you want to run the backend, frontend, and local blockchain node simultaneously, you can use the following command from the project's root directory:

yarn dev

This command utilizes a package called concurrently to concurrently run all instances from a single terminal.

Summary:

The Create Ether Dapp template is a powerful Ethereum development tool that provides a streamlined environment for building Full-Stack Blockchain Applications. It incorporates modern technologies and follows best practices to ensure a smooth development process. With its TypeScript support and extensive toolset, developers can quickly get started and build Ethereum-based applications efficiently. The template is open source and encourages contributions from the community.

react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.