Profile page (+Share feature)

[MaxSemenchuk]

Process:

• on wallet connection, I'm transferred to https://regenscore.io/profile/0x...(my address)
• there's another button next to mint – share in twitter (prob will make a design)
• it create a tweet with the link and text: "check out my RegenScore and check out yours"
• preview to the link shows a picture meter with latest score and address (prob will make a design)

[MaxSemenchuk]

@Tosinolawale could you pls make design for this scenario?

[vacekj]

#1 for a possible library to use for this @mateodaza @b3nik

[Tosinolawale]

https://www.figma.com/file/5dFNktbUXFflLhYLu7gGkc/Regen-Score?type=design&node-id=1110%3A2603&mode=design&t=25Pcwd2AmKmbaUnZ-1

https://www.figma.com/file/5dFNktbUXFflLhYLu7gGkc/Regen-Score?type=design&node-id=1110%3A2755&mode=design&t=25Pcwd2AmKmbaUnZ-1

Links to the Share modal and Open graph Image for twitter
@MaxSemenchuk

[vacekj]

Engineering note:

1. Use the app directory, create a new /share/0x8901237129873 route, that will get shared on twitter or wherever. then, use the https://nextjs.org/docs/app/api-reference/file-conventions/metadata/opengraph-image#generate-images-using-code-js-ts-tsx file to dynamically grab the address from the url, fetch the score and generate the image.
2. in the actual route handler, just return a redirect to our actual profile page.