[Rails 7 Series] - Web3-Buymeacoffee
What You'll Learn
Web3 has been changing the way that we view internet connectivity, web capability, and the overall abstraction of the user experience.
Course Details
Web3 has been changing the way that we view internet connectivity, web capability, and the overall abstraction of the user experience.
Course Curriculum
Module 1 — Introduction
What are we building?
2:51
Module 2 — Installation
Install NodeJS
1:14
Install Metamask
3:32
Install Visual Studio Code
3:50
Module 3 — Create smart contract
Setup
3:42
Create smart contract
3:04
Contract - Struct
2:35
Contract - Buy coffee
6:39
Contract - Withdraw fund
4:32
Module 4 — Deploy smart contract
Alchemy
2:11
Metamask
4:41
Hardhat config
4:05
Deploy smart contract
6:34
Module 5 — Dapp with Rails & Tailwind
Rails project with Tailwind
3:11
Create Buymeacoffee page
2:29
Header bar
9:44
Profile section
14:14
Transactions section
10:54
Partial layout
3:40
Connect to Metamask button
5:39
Buymeacoffee button
14:25
Alpine.js
5:35
Custom class in Tailwind
6:07
Module 6 — Connect to Metamask
Metamask Stimulus Controller
3:00
Check Metamask
6:29
Connect to Metamask
6:19
Sync UI components
9:26
Metamask wallet address
5:42
Metamask wallet balance
4:24
Module 7 — Buy coffee with Ethereum
Setup contract
7:07
Buy coffee function
9:24
Improve UX
9:32
Module 8 — Get all coffee
Get all coffee function
3:35
Show all cofee
12:12
Module 9 — Withdraw fund from contract
Authorize contract's owner
7:45
Get contract's balance
6:19
Withdraw fund
5:51
Download Source Code