<<<<<<< HEAD

html-fund-me-f23

⭐️ (2:37:02) | Lesson 8: HTML Fund Me

This is a minimalistic example what you can find in the metamask docs.

Requirements

• git
  • You'll know you've installed it right if you can run:
    • git --version
• Metamask
  • This is a browser extension that lets you interact with the blockchain.

Optional Gitpod

If you can't or don't want to run and install locally, you can work with this repo in Gitpod. If you do this, you can skip the clone this repo part.

Quickstart

1. Clone the repo

git clone https://github.com/Cyfrin/html-fund-me-f23
cd html-fund-me-f23

2. Run the file.

You can usually just double click the file to "run it in the browser". Or you can right click the file in your VSCode and run "open with live server".

And you should see a small button that says "connect".

Hit it, and you should see metamask pop up.

Execute a transaction

If you want to execute a transaction follow this:

Make sure you have the following installed:

1. You'll need to open up a second terminal and run:

git clone https://github.com/Cyfrin/foundry-fund-me-f23
cd foundry-fund-me-f23
make build
make anvil

Then, in a second terminal

make deploy

This will deploy a sample contract and start a local hardhat blockchain.

2. Update your constants.js with the new contract address.

In your constants.js file, update the variable contractAddress with the address of the deployed "FundMe" contract. You'll see it near the top of the hardhat output.

3. Connect your metamask to your local hardhat blockchain.

PLEASE USE A METAMASK ACCOUNT THAT ISNT ASSOCIATED WITH ANY REAL MONEY. I usually use a few different browser profiles to separate my metamasks easily.

In the output of the above command, take one of the private key accounts and import it into your metamask.

Additionally, add your localhost with chainid 31337 to your metamask.

1. Refresh the front end, input an amount in the text box, and hit fund button after connecting

Thank you!

If you appreciated this, feel free to follow me or donate!

ETH/Arbitrum/Optimism/Polygon/etc Address: 0x9680201d9c93d65a3603d2088d125e955c73BD65

Hello

This repo is to document all the content from the course of Patrick Collins under Cyfrin-Updraft.

I should have done this with Alchemy in the beginning but since all the coding was in their web GUI it was not so needed. I did in the end.

Back to this repo. As much as possible will I add comment lines to explain what is being done. It might sound novice, it is, as I am trying to complete the novice level.

Things like mappings and structs might seem logic for advanced users. For beginners I feel it does help to everytime explain what the mapping or struct does for example.

origin/main