Build A Fullstack Confesster Dapp

Build a fullstack confesster dapp on ethereum blockchain which will let users to create audio confessions

What you'll learn

Develop smart contracts using Solidity

Query blockchain data using the Graph

Test smart contract functionality

Deploy smart contract

Store files on IPFS

Interact with smart contract from frontend application

Build fullstack dApps on ethereum blockchain

Add wallet connect to your frontend application

Requirements

Basic React knowledge is needed. You will learn everything you need to know about creating a dapp in this course

Description

Build a fullstack confesster dapp on ethereum blockchain which will let users to create audio confessions, buy coffee for other confession owners. We will store audio files on IPFS and query the blockchain data using the Graph protocol.You will learn how to develop a decentralized applications running on ethereum blockchain using the below tech stack:Frontend NextjsReactChakraUIWeb3ModalBackend The Graph IPFSHardhatSolidityYou will learn how to create a smart contract using Solidity language and also how to test it. We will also deploy & verify it on goerli test network. You will learn how to interact with your smart contract functions from your frontend application. Also you will be able to deploy a subgraph which will help you query your blockchain data and display them on your frontend. For this we are going to use the graph protocol. At the end of this course you will have fully-fledged dapp which will run on goerli testnet with its own smart contract, with a wallet connect functionality. Users will be create new confessions, display & filter them based on the confession category they provided. Users will also be able to buy coffee for other confession owners. You will learn how to call a payable function ( in this case buyCoffee ) from your frontend.

Overview

Section 1: Introduction

Lecture 1 What are we gonna built and learn?

Lecture 2 Cloning the project from github

Lecture 3 Downlaod project zip

Section 2: Creating the app

Lecture 4 Creating Next App

Lecture 5 Install Chakra UI

Lecture 6 Install Fonts

Lecture 7 App Layout

Lecture 8 Mobile Menu

Lecture 9 Connect Wallet

Lecture 10 App Routes

Lecture 11 BuyMeCoffee Widget

Section 3: Smart Contract Development

Lecture 12 Install & Setup Hardhat for smart contract development

Lecture 13 Hardhat Global Options & Tasks

Lecture 14 Create Smart Contract

Lecture 15 Compiling Smart Contract & What is ABI?

Lecture 16 Test Smart Contract

Lecture 17 Deploy Smart Contract

Lecture 18 Verify Smart Contract & Interacting With Smart Contract On Etherscan

Section 4: Interacting With Smart Contract - Make confession

Lecture 19 Create Confession Modal

Lecture 20 What is IPFS?

Lecture 21 Web3 Storage

Lecture 22 Save audio to IPFS

Lecture 23 Create a new confession

Section 5: The Graph Protocol

Lecture 24 What is the Graph?

Lecture 25 Creating a subgraph

Lecture 26 Create Apollo Client

Lecture 27 Get Confessions Query

Lecture 28 Create Confession Card

Lecture 29 Create Confession Card Skeleton

Lecture 30 Fix Grid & Add Heading

Lecture 31 Filter Confessions By Tag

Lecture 32 Get My Confessions Query

Lecture 33 Display Buy Me Coffee Icon

Lecture 34 Create BuyMeCoffeeModal

Lecture 35 Buy Coffee To Someone

Lecture 36 Get Coffees Query

Lecture 37 CONGRATULATIONS!!!!!!!!

Developers who are curious about building blockchain applications