Want to generate memes and share them with everyone in real-time?
app.js, is exactly 50 lines of code.
All meme images are stored in a public Dropbox directory. It differs from conventional meme generator apps in that there is zero server-side image handling code.
Memes are shared in real-time using
now.js, so once you hit Publish, everyone who is connected will see your meme image pop itself into the list.
All meme template images are stored on Dropbox.
When a new meme is published, the server takes a JSON object from the client, containing the meme
text. No image whatsoever.
The received meme object is inserted into the mongo collection
memeswith a date timestamp added to it. The object is also sent to all connected clients immediately so that they may update their timelines. This also means that no further database queries are required to retrieve new memes.
When a client connects, the last few (25) memes are queried from the database and sent back. This can further be optimized by having an in-memory queue of the most recent memes, in addition to the database.
All meme generation is done entirely client-side, by drawing the text over the images using Canvas. The client doesn't have to download images, and the server doesn't have to handle them at all.
- First, run
mongodto start the Mongo daemon.
- Next, run the server:
- Point your browser to
- Bask in Memetic paradise.