diff --git a/Projects/Meme-Generator-App.md b/Projects/Meme-Generator-App.md new file mode 100644 index 00000000..dd0bb942 --- /dev/null +++ b/Projects/Meme-Generator-App.md @@ -0,0 +1,29 @@ +# 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 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) diff --git a/README.md b/README.md index 94d68805..03af2838 100644 --- a/README.md +++ b/README.md @@ -68,6 +68,7 @@ required to complete them. | [HighStriker Game](./Projects/HighStriker-Game.md) | Highstriker strongman carnival game | 2-Intermediate | | [Markdown Previewer](./Projects/Markdown-Previewer.md) | Preview text formatted in GitHub flavored markdown | 2-Intermediate | | [Markdown Table Generator](./Projects/Markdown-Table-Generator.md) | Convert a table into Markdown-formatted text | 2-Intermediate | +| [🌟Meme Generator App](./Projecs/Meme-Generator-App.md) | Create custom memes | 2-Intermediate | | [Regular Expression Helper](./Projects/RegExp-Helper-App.md) | Test Regular Expressions | 2-Intermediate | | [Sports Bracket Generator](./Projects/Sports-Bracket-Generator.md) | Generate a sports bracket diagram | 2-Intermediate | | [String Art](./Projects/String-Art.md) | An animation of moving, colored strings | 2-Intermediate |