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.
|
|
|
|
# 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](http://p5js.org/) library.
|
|
|
|
|
|
|
|
|
|
## Example projects
|
|
|
|
|
|
|
|
|
|
- [Meme Generator by imgflip](https://imgflip.com/memegenerator)
|
|
|
|
|
- [Meme Generator by Niels Vadot](https://codepen.io/ninivert/pen/BpLKRx)
|
