Build CoinMarketCap Web 3.0 Blockchain App with Moralis | Next.js | Tailwind CSS

Опубликовано: 28 Сентябрь 2024
на канале: Clever Programmer

88,283

2.2k

In this tutorial, you're gonna be building the CoinMarketCap Blockchain Web 3.0 App using Moralis, Solidity, Next JS, Netlify and Tailwind CSS 🔥

✅ Create your account on Moralis 👉 https://t.moralis.io/clever

🌐 Create your account on Netlify 👉 https://ntl.fyi/clever

🔗 GitHub Repo: https://github.com/CleverProgrammers/...

🗄️ Link to the assets: https://drive.google.com/drive/folder...

🤑 Rinkeby Faucet, to cover your transaction fees: https://faucets.chain.link

You'll be learning about:

👉 Building a Web 3.0 Application on the Ethereum Blockchain
👉 Styling your app using Tailwind CSS
👉 Storing data using the Moralis database
👉 Writing smart contract in Rust (Anchor framework)
👉 Adding Web 3.0 authentication using MetaMask

Buckle up, buttercup 🚀

Timestamps⏰
00:00:00 - Intro
00:01:05 - Demo of the Coinbase Web 3.0 Dapp
00:04:15 - Create Next App
00:05:45 - How to Set Up & Deploy to Netlify
00:10:05 - What is Moralis?
00:10:51 - How to Set Up Moralis
00:12:08 - Start Building the Coinmarketcap Dapp
00:15:50 - Create Header
00:26:46 - Connect Wallet using Moralis
00:49:38 - Build Homepage Top Part
01:05:33 - Pull Real Data using the Coinmarketcap API
01:16:26 - Build Coins Data Table using Real-Time Crypto Data
01:51:32 - Build Coin Data Page
03:32:06 - Set up Hardhat Project (Prepare Smart Contract)
03:40:42 - Create Smart Contract (Convert Coins)
03:36:36 - Deploy Smart Contract using Moralis' Speedy Nodes
03:56:04 - Update Context to use Dynamic Data
04:13:37 - Set Up Moralis DB
04:15:51 - Add Swap Coins Functionality
04:33:35 - Build Real Time Decentralized Chat Using Gun.js
04:48:58 - Deploy to Netlify & Outro

=======================================================

👨👩👧👦 Join our Discord Community: https://cleverprogrammer.com/discord
🚀 Join Profit with React: https://www.cleverprogrammer.com/pwr?...
🐦 Follow me on Twitter: / cleverqazi
📸 Follow me on Instagram: / cleverqazi

#web3 #frontend #blockchaindeveloper Biz / Sponsorships 👉 https://www.cleverprogrammer.com/part...