Full Stack Web3 and Blockchain Development on Ethereum with SvelteKit

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.

The frontend application uses SvelteKit which you’ll see how easy it is to get up and be productive with in minutes. A huge benefit here is that the JavaScript you write is just that, JavaScript. You’ll be able to take what you learn and implement it into any framework of your choosing.

While you build this application you will learn how to:

Course Content

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