Prompt Web3
  • 🤓Web3 Refresher Course with GptTutor
  • Creating your own Custom personas
  • Creating The Web3 GptTutor
  • Prompting the course sylibus
  • Prompting new lessons
  • Expanding parts of a lesson
  • Lesson 1
    • Lesson 1: Outline
    • Lesson 1: Assignments & Exercises
      • A1: Smart contracts in the real world
      • E1: HelloWorld.sol
  • Lesson 2
    • Lesson 2: Outline
    • Lesson 2: Assignments & Exercises
      • A1: Ethereum gas costs, data types and control structures - A brief take
      • E1: AssetManagement.sol
    • Lesson 2: Final notes and code repos
  • Lesson 3
    • Lesson 3: Outline
    • Lesson 3: Assignments & Excercises
      • A1 - Notes on View and Pure modifiers in Solidity
      • E1: EthWallet.sol
      • E1: Hardhat Tests
      • E1: NextJs Front End
    • Lesson 3: Final notes & Final project + repo
  • Lesson 4
    • Lesson 4: Outline
    • Lesson 4: Assignments & Exercises
      • A1 - Solidity error handling - notes on require, revert and assert
      • E1: EthWallet.sol - Update
      • E1 - EthWallet.test.js - Update
      • E1: NextJs Front End - Update
    • Lesson 4: Final notes & Final project + repo
  • Lesson 5
    • Lesson 5: Outline
    • Lesson 5: Assignments & Exercises
      • A1 - Using structs and mappings to manage complex data in Solidity
      • E1 - OrderSystem.sol
      • E1 - OrderSystem.test.js
    • Lesson 5: Final notes & Project Repo
  • LESSON 6
    • Lesson 6: Outline
    • Lesson 6: Assignments & Exercises
      • A1 - Solidity Interfaces - Facilitating interaction, modularity and Dapp upgradability
      • E1 - Ranked Choice Voting system
        • E1 - BallotContract.sol
        • E1 - IBallotContract.sol
        • E1 - VotingContract.sol
        • E1 - RCVotingSystem.test.js
      • E1 - Feedback
    • Lesson 6: Final notes & Project Repo
  • Lesson 7
    • Lesson 7: Outline
    • Lesson 7: Assignments & Exercises
      • E1 - Uniswap Flashswap dual Arbitrage Bot
        • E1 - FlashSwapV3.sol
        • E1 - dualArbScan.js
        • E1 - arbQuote.js
      • Lesson 7: Final notes & Project Repo
Powered by GitBook
On this page
  • In the end the I acheived the following:
  • Deployments and Repositories
  1. Lesson 4

Lesson 4: Final notes & Final project + repo

PreviousE1: NextJs Front End - UpdateNextLesson 5: Outline

Last updated 1 year ago

For this lesson, I felt it appropriate to simply develop what I already had from lesson 3. I wanted to add to the smart contract all the functionality asked in the excercises. Also I went on a little tangent, doing some testing around gas costs, which in the end was a very worthwhile excercise.

On the front end i really wanted a user balance to be a live, self updating feature, rather than it be achieved by the user having to press a button. This took me on a small journey into the useState and useEffect hooks in react.

In the end the I acheived the following:

Smart Contract

  1. Added events and event handling to the deposit and withdraw functions

  2. optimised the functions for cheaper gas calculation.

Front-end

  1. Updated the style

  2. Removed getUserBalance button

  3. Replaced with a live bar that shows the user balance, utilizing useEffect and UseState.

Deployments and Repositories

The final project is available here -

Front-end repo -

Back-end repo -

https://ethwalletapp.on.fleek.co/
https://github.com/SimSimButDifferent/L3-L4-EthWalletFrontEnd
https://github.com/SimSimButDifferent/L3-L4-EthWallet