Problem Description

I'm trying to learn node and how to build a web3 project.
I need a web3 login page that shows 1 of 3 different memes depending on who's viewing it. It needs to use web3.js and node.js Styling can be simple.
I'll be testing it on the sepolia testnet.

[Prototype]{https://imgur.com/4t6f4hL)

Components:
Button to logon with metamask: sets logged_address
Text Input for selected address: sets selected_address
Transaction List: transaction_list

• shows a list of transactions in and out of selected_address via etherscan.api (sepolia testnet)
• similar to https://sepolia.etherscan.io/address/0x4751599a53a23c682636cc521cc92a56db6e2b41
• you can even just embed the correct link from etherscan

Choose your own Meme DIV

An extra div below the transactions list with some meme goodness. Change the meme based on relationship.

Owner: selected_address = logged_address
show meme1.png

Related: transaction_list.contains (selected_address) && (selected_address != logged_address)
show meme2.png

Unrelated: not logged in or transaction_list does not contain logged_address
show meme3.png

Acceptance Criteria

Build this in replit, and share it with me. Plan on taking 5-10 minutes in discord demoing it to me. I'm new to JS and node, I want to understand what peices are talking to what, so I'll have some questions for you. If it goes well, I may have you help me build the rest of this project out.

Here are the variables I want to see populated correctly based on login status.

• logged_address
• selected_address
• transaction_list
• relationship: unrelated, related, owner