7 Days of Vibe

Test your web3 knowledge with this directory of terms and definitions.

See the definition, type in the answer. Skip if you're not sure. Share how many you've gotten right.

https://v0-web3-flashcards-app.vercel.app

want to know the prompts? see below 🧵

Head of Product at @syky /digital-fashion. Love all dogs and especially my own. ex-Ledger

accept answers that are partial matches. for example, if the answer is "Max Fee Per Gas" and the user types "Max fee" accept this as an answer; and don't care about case sensitivity

<NOW DO INITIAL DEPLOYMENT>

given that the domain for this is https://v0-web3-flashcards-app.vercel.app/ upload the attached image and use as the meta image and og:image and update all meta and og tags such that people who see the link shared in a social media post will want to open it. additionally, add a share button next to your score in the upper right corner to share your score on Farcaster. use the following URL construction and make the share text compelling and include the user's current score:

<NOW DO INITIAL DEPLOYMENT>

given that the domain for this is https://v0-web3-flashcards-app.vercel.app/ upload the attached image and use as the meta image and og:image and update all meta and og tags such that people who see the link shared in a social media post will want to open it. additionally, add a share button next to your score in the upper right corner to share your score on Farcaster. use the following URL construction and make the share text compelling and include the user's current score: https://warpcast.com/~/compose?text=Hello%20world!&embeds[]=https://farcaster.xyz

https://v0-web3-flashcards-app.vercel.app/web3-og-image.png is returning a 404; please fix this

At was at this point I realized that v0 won't actually allow you to upload files to the project directory; it was lying to me and saying it had done it.

To fix, I had to download the files from v0, add the image myself locally, commit the project to github, go to vercel.com, connect the github repo to the project, and then deploy manually... all to get the SHARE IMAGE working. Talk about a pain in the ass

use the names and descriptions of the attached web3 glossary (ignore everything about the html file except for the name and descriptions) terms to create a flash cards web app... clean up/shorten all the descriptions so that when you show the description, it doesn't include the name in the definition itself. the way the app should work is you see the definition. you then have two options: 1) answer (a text field to guess the name) 2) see answer: a button that then shows the answer. keep a running tally of the total number of answers a user has gotten correct. build excitement as a user gets multiples in a row. surprise and delight them with streak achievements. if they get one wrong, be encouraging. randomly select a new description/name pair from the list each time the user moves on to the next one. and don't use a literall card design. have it be more elevated. the overall look and feel should be like nike or apple