Skip to content

An awesome Meme Generator, built in 4 days, made pixel-perfect according to a given UI design using pure CSS, which works great on both desktop and mobile.

Notifications You must be signed in to change notification settings

MoriaHamami/Meme-Gen

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

24 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Meme-Gen

An awesome Meme Generator, built in 4 days, made pixel-perfect according to a given UI design using pure CSS (no use of CSS Libraries or jQuery), which works great on both desktop and mobile. Check it out here!

The app has two main UI areas: Image-Gallery and Meme-Editor. Once the user selects an image on the Image-Gallery, the image is presented on the Meme-Editor, where the user can edit and create a meme, and once ready - download it. ** The app supports viewing various aspect-ratio images, with a consistent, clean design.

Image-Gallery Functionality

  • Search images by typing in search-field or by selecting keywords (each word size is determined by the popularity of the keyword search - so each click on a keyword makes that keyword bigger).
  • The user can upload and edit images from his computer.

Main board image

Meme-Editor Functionality

  • The user can switch the selected text line by clicking the text on the canvas. The selected text line is marked with a frame (so the user can see which line is selected)
  • Editing options: font family, font color, font size, L-R-C alignment.
  • The user can drag the text on the canvas.
  • “Delete-Line” and “Add-Line” Buttons.
  • “Download” button for the created meme image.
  • “Share” button which enables sharing the created meme image on Facebook.
  • The ability to save created memes to the “memes” TAB (using local storage). The saved memes can be re-edited.

Main board image

About

An awesome Meme Generator, built in 4 days, made pixel-perfect according to a given UI design using pure CSS, which works great on both desktop and mobile.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published