Build a fullstack confesster dapp

Focused View

Didem Küçükkaraaslan

4:19:25

99 View

1 - Introduction

1 - What are we gonna built and learn.mp4

06:27

2 - Cloning the project from github.mp4

05:00

2 - github repository.zip

3 - Downlaod project zip.html

3 - udemy-confesster-dapp.zip

2 - Creating the app

4 - Creating Next App.mp4

04:50

5 - Install Chakra UI.mp4

04:20

6 - Install Fonts.mp4

02:32

7 - App Layout.mp4

14:09

8 - Mobile Menu.mp4

03:25

9 - Connect Wallet.mp4

17:35

10 - App Routes.mp4

02:44

11 - BuyMeCoffee Widget.mp4

03:00

3 - Smart Contract Development

12 - Install Setup Hardhat for smart contract development.mp4

05:59

13 - Hardhat Global Options Tasks.mp4

02:32

14 - Create Smart Contract.mp4

17:43

15 - Compiling Smart Contract What is ABI.mp4

02:18

16 - Test Smart Contract.mp4

18:00

17 - Deploy Smart Contract.mp4

14:13

18 - Verify Smart Contract Interacting With Smart Contract On Etherscan.mp4

07:47

4 - Interacting With Smart Contract Make confession

19 - Create Confession Modal.mp4

13:29

20 - What is IPFS.mp4

08:29

21 - Web3 Storage.mp4

05:49

22 - Save audio to IPFS.mp4

07:27

23 - Create a new confession.mp4

10:54

5 - The Graph Protocol

24 - What is the Graph.mp4

04:10

25 - Creating a subgraph.mp4

17:07

26 - Create Apollo Client.mp4

04:24

27 - Get Confessions Query.mp4

03:05

28 - Create Confession Card.mp4

14:44

29 - Create Confession Card Skeleton.mp4

02:59

30 - Fix Grid Add Heading.mp4

00:57

31 - Filter Confessions By Tag.mp4

04:37

32 - Get My Confessions Query.mp4

03:22

33 - Display Buy Me Coffee Icon.mp4

03:27

34 - Create BuyMeCoffeeModal.mp4

06:42

35 - Buy Coffee To Someone.mp4

08:43

36 - Get Coffees Query.mp4

05:23

37 - CONGRATULATIONS.mp4

01:03

Description

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

Who is this for?

Developers who are curious about building blockchain applications

More details

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
Nextjs
React
ChakraUI
Web3Modal

Backend
The Graph
IPFS
Hardhat
Solidity
You 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.
Who this course is for:
Developers who are curious about building blockchain applications

User Reviews

Rating

average 0

Total votes0

Focused display

DApp

Didem Küçükkaraaslan

Instructor's Courses

Selam, ben Didem!Sıfırdan güzel şeyler oluşturma tutkusu olan bir web geliştiricisi ve tasarımcıyım. Web siteleri ve uygulamalar geliştiriyorum ve ayrıca Mühendislik alanında yüksek lisans yaptım.Benim bildiğim her şeyi paylaşarak başkalarına öğretme ve yardım etme tutkumu ilk keşfetmem üniversite yıllarında oldu. Ve bu tutku beni 2020 yılında Udemy'ye getirdi. Burada öğretmeyi ve öğrenmeyi amaçlıyorum.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.