/social_media_post_builder

Automating quotes image creator for https://kyeda.app

Primary LanguageJavaScript

Social media post builder

TODO

  • Remove the image background (for 3D FB photo) on the server side by sending the JSON with object ID, so I know which one to remove from the JSON. So then I can make one response with 2 images instead of sending 2 requests and changing image on the front end
  • filter quotes based on selected items and display numbers
  • make the text and author moves locked together (while there are 2 separates layers: needed for styling and 3D differentation)
  • search quotes by index number
  • export pure function to other files (fabric-utils, html-display, gsheets-utils)
  • a function to recalculate SVG size to stay inside a NxN (N=100) square pixels
  • gsheets-utils to load and update gsheets data
  • Have a colored background option instead of an image
  • Have an option to add a layer on top of image to increase readability of text
  • Make the referential material appear along in the credits
  • Change color text
  • Fix the credits to always appear even if the Instagram account does not exist
  • Change color shadow
  • Add stroke around text
  • Have an option to center vertically or horizontally any object
  • Option to create GIF (check before if it works on FB, otherwise, create a video)
  • Handle several languages
    • Have a language switch (visible but needs to be integrated)
    • Integrate several quoteX and Y according to the language (then do the loading)
  • Options to have templates (check the Pinterest "well designed social media posts" wall and others for ideas)
  • Add a "select" button to load image from the carousel only after I hit select (this slow down the app especially when I look at a lot of pictures)
  • When using the button select, add those images to a list of "saved" image that I can review and reuse OR (easier) add a link to open the image on Unsplash and I save it to the Kyeda collection
  • Once the export has been done, send the link of the export to be displayed on the page. So I choose when to leave the "making page"
  • Make the text stay inside the box width and wrap
  • Change #drawScene for #render so we can use the sharedSettings for any changes
    • fix scale image issue
    • fix image display delay
  • Upload image from computer
  • Load an image based on the settings.json
  • Select differents fonts (from the server itself with .ttf included in build)
  • Add frame "liseraie" of the color of the theme around each quote
  • Order all posts by the latest and group them by post index and display the different language posted as (might also be the good page for the post scheduler report)
  • Make video slideshow like this one