aiku-ai / AiKu

AiKu is life.
https://aiku.netlify.app/
6 stars 2 forks source link

Creating shareable link that will load AiKu card #14

Open danwritecode opened 2 years ago

danwritecode commented 2 years ago

Need to figure out solution that works for mobile and desktop.

Open question:

  1. Do we standardize the sharing format for both mobile and desktop? How can we ensure a consistent image size? Does that matter or does the format alone matter?
  2. How can we even standardize the size? Hardcoding always becomes an issue on mobile.
  3. Canvas is kind of difficult to work with. Need to keep working through this.
jeniadenshia commented 1 year ago

Sharing AiKu's: Purpose (Relevance/Context/Channel): Users want to share their creations (because people find it interesting or entertaining)- AiKu (Image + Haiku) with others (primarily via phone?).

How: Commonly people use mobile devices to share such items. If the majority of the people share content via phone vs desktop, shouldnt it target the majority? Since the purpose is to spread the content and PROMOTE AiKu, will the shared image open only if the user clicks the image to open the website??? Or you can bait the end user by showing half of the content and verbiage that states, they can view more Haiku's or generate their own?

jeniadenshia commented 1 year ago

Jeni generates Aiku > wants to share it with TOIP > clicks on share button > share via text/email > generates a preview card with AiKu > TOIPs can view the AiKu in preview > If clicked, it brings all the turtles to AiKu website

This flow shares the images with humans but at the same time brings more people to the website. And eliminates the overhead of downloading images to one's device just to share.

danwritecode commented 1 year ago

https://ogp.me/

The open graph protocol is what helps to render cards in text, websites etc. When an image is required that image needs to be hosted somewhere already. So in order to do this we would need to do two things:

  1. On click of share: upload the AiKu, overlay the text, host it somewhere that can be referenced (over the internet) to load on the card
  2. When user clicks the link will need the ID of the AiKu so that it can be loaded