introducing: magic mirror

before you continue, press play and turn up the volume so we’re in the same headspace 🧠

around 3 months ago during a company all hands, kelvin shared a demo of a concept he hacked together that he was calling the magic mirror-- an NFT mirroring system allowing you to display an Optimism NFT as a verified collectable on twitter. after seeing that he was able to get his racer gold motorhead displayed as an NFT on his profile, i was far from underwhelmed.

as the dust began to settle from the motorheadz drop, contributing to this project seemed like the sickest way to push the Optimism NFT ecosystem forward (and the only way to allow the motorheadz fam to get a verified motorheadz pfp on twitter 🏎💨).

kelvin's magic mirror v1
kelvin's magic mirror v1

a couple of days later, kelvin and i agreed to collab on this project & were looking forward to opening up the magic mirror to the entire Optimism ecosystem. excited to start working on a fresh UI, i designed the magic mirror site with the guiding principle: make it simple & fun to use.

building on the mirror metaphor, i designed a two-pane interface, with a floating interactive mirror on the left hand side, reflecting the user’s specified layer 2 NFT. along with some smooth animations, i also experimented with a feature that allows you to change the theme of the website by clicking on an emoji 🌸🌻🍓🎃🥦💧🍇🦴 on the top left corner of the screen.

magic mirror architecture diagram
magic mirror architecture diagram

following a bunch of coding sessions over the past few months, i’m proud to say the magic mirror site is ready to go & here’s a step-by-step guide on how to use it:

note: before you begin make sure you have ETH on both Etherum Mainnet & Optimism Mainnet for gas ⛽️

1. Head over to mirror.opfp.art & connect your wallet

2. Mint your magic mirror NFT on Ethereum mainnet

3. Set your magic mirror NFT to one of the Optimism NFTs in your wallet

after you’ve got your magic mirror NFT all set up, you can use it on sites like twitter to display your L2 NFT as a verified item. we’ve also open-sourced the project here for anyone that’s interested in taking a look/contributing. for any questions, feel free to reach out to me or kelvin or post an issue on github

thanks for reading & stay tuned for what’s next 🔥

Subscribe to jvmi
Receive the latest updates directly to your inbox.
Mint this entry as an NFT to add it to your collection.
Verification
This entry has been permanently stored onchain and signed by its creator.