Skip to content
Sign UpLog In
Back to all Bounties

Earn 2,250 ($22.50)

Time Remainingdue 1 month ago
Completed

Web 3 Login Page with Transaction List and a meme.

timgrote
timgrote
Posted 1 month ago

Bounty Description

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

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