Meme Generator App
Allow users to generate custom memes by adding text over an image.
IntermediateWeb appMedia6–16hAI-buildable 5/5no setup
Allow users to generate custom memes by adding text over an image.
UI
Logic
Useful
Hosting · Free forever
Deploys free on GitHub Pages, Cloudflare Pages or Vercel Hobby.
Deploy it and share a link.
Core features · 6
- 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
Once it works
- 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)
Suggested stack
reacttypescripttailwindcanvas-apidnd-kitlocalstorage