Full Stack Web3 and Blockchain Development on Ethereum with SvelteKit
Discover the power of Web3 and blockchain development on Ethereum with SvelteKit. Learn to build smart contracts, interact with Metamask, and deploy your application with ease. Start your journey today!
Web3 is a paradigm shift in how applications are interacted with, ran, and built.
It’s not just a Pump-and-Dump scheme on cryptocurrencies or Bored Ape NFT profile pictures you can put on Twitter.
A fundamental tenet of Web3 is bringing ownership back to the user. You no longer have to trust that your data is being properly handled on someone else’s server (although, currently Web3 ecosystem mainly depends on centralized infrastructure such as GitHub).
This ownership is achieved through blockchain, cryptocurrencies, NFTs, and smart contracts.
A great example of this type of ownership is through how you exchange money in Web3. There is no intermediary like Stripe, or PayPal to process your transactions. You can even build your own smart contracts that receive crypto (e.g. Ethereum or ‘eth’ for short) and then process that eth how you’d like.
Building this type of smart contract is exactly what Matías is going to show you how to do right now.
Matías builds out a Web3 application that allows you to receive tips in the form of eth in a tip jar on your website. This means your application will be backed by a smart contract that’s accepts eth, stores data, and emits Solidity events.
While you build this application you will learn how to:
Introduction to Full Stack Web3 and Blockchain Development on Ethereum with SvelteKit
Set up an Ethereum Project using SvelteKit with Tailwind CSS and Hardhat
Create and Test a Solidity Smart Contract with a Public Variable
Store Data in a Smart Contract struct Variable
Create a Smart Contract Function that Transfers eth from One Address to Another
Test Smart Contract Functionality with Ethers and Hardhat
Add eth Withdraw Functionality in a Smart Contract and Emit Solidity Events
Deploy a Solidity Smart Contract with Hardhat to a Local Ethereum Network
Set up a Metamask Wallet with your local Ethereum Network
Connect a Metamask Account to a Svelte Application
Retrieve Ethereum Network and Account information on Mount and Display it in Svelte
Interact with a Solidity Smart Contract Using Ethers and the Contract ABI in SvetleKit
Create a Form in Svelte and Send a Tip to an Solidity Smart Contract
Withdraw eth from a Smart Contract in a Svelte Application
Deploy your Smart Contract to Goerli Test Network and App to Vercel