msb-public
/
app-ideas
mirror of https://github.com/florinpop17/app-ideas
2
1
Code Issues Projects Releases Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'this-that'
${ noResults }
app-ideas/Projects/Meme-Generator-App.md

1.0 KiB
Raw Permalink Blame History

Meme Generator App

Tier: 2-Intermediate

Allow users to generate custom memes by adding text over an image.

User Stories

  • User can upload an image that will appear in a canvas
  • User can add text in the top part of the image
  • User can add text in the bottom part of the image
  • User can select the color of the text
  • User can select the size of the text
  • User can save the resulting meme

Bonus features

  • User can select the font-family for the text
  • User can share the meme on social media (twitter, reddit, facebook, etc)
  • User can drag the text around and place it wherever he wants on top of the image
  • User can draw shapes on top of the image (circles, rectangles, or free drawing with the mouse)

Useful links and resources

Working with canvas is made very easy by the p5js library.

Example projects