This is enough to start building anything you want with the Total.js framework. Create projectīefore you create a project for this tutorial, make sure that you have node.js v14 or earlier installed on your machine. I will share with you the GitHub source-code link and the youtube video link of this tutorial so that you can effectively learn everything about the Tota.js framework. Today's tutorial has two parts: part 1 will focus on the server-side implementation of our simple todo application, and part 2 will focus on its client-side implementation. I am so happy to publish the first tutorial of this series. And I finally decided to create this Total.js tutorial series to help you move from zero to hero with the Total.js framework. Then I got many feedbacks from people asking me how to get started with the total.js framework. Once the app is created, create a new file inside the contracts directory called Todo.I have published some blog posts and videos about Total.js Flow, the famous node-red alternative that is entirely written with the Total.js framework.

Now you have a hardhat project ready to go! Creating the smart contract When it asks for what type of project, you need to select an empty project!

Now, we will use the thirdweb CLI to generate a new hardhat project! So, run this command: npx create contract To create a folder, open up your terminal and execute these commands mkdir todo-dapp Setting up a new hardhat projectĬreate a folder where the hardhat project and the Next.js app will go. In simple words, you can write your smart contract, deploy them, run tests, and debug your code. Hardhat is an Ethereum development environment and framework designed for full stack development in Solidity. To build the smart contract we will be using Hardhat. Let's get started! Creating the Smart Contract In this guide, we'll show you how to build a full web3 application that allows users to create an on-chain to-do list, using Solidity for the smart contract and Next.js for the application.īefore we get started, below are some helpful resources where you can learn more about the tools we're going to be using in this guide.

Create todo