S

Snappp - Meme Maker

Make meme by capturing images from phone's camera

The problem Snappp - Meme Maker solves

In this project I have created a meme making web app using React js for frontend and flask for backend. It also has a standalone progressive web app that is used to take snap shots or photos from mobile camera of real objects and send it to the Meme Canvas.

Note: This whole project is divided into 3 repositories, frontend,backend and for pwa. Links are available here

Frontend: https://github.com/TusharAMD/Snappp_frontend
Backend: https://github.com/TusharAMD/snapppbackend
PWA: https://github.com/TusharAMD/Snappp_pwa

In this web app user can make his/her own meme similar to http://imgflip.com/. Following are some of the important features

Add gifs from "Tenor" api to your meme
Facility to add own images using pwa in your phone and background is magically removed (similar to https://www.remove.bg/)
Add your text to the canvas and also chnage color randomly
"Bring forward" feature on the objects so that transparent objects can stay on top
Authentication system
Save meme and see a list of your collection in profile section.
View someone else's collection by email id
Like others meme

Challenges I ran into

I had spend lot of time figuring out how to carry out tasks for eg how can I bring a meme element in front, how can I use gif api etc

Discussion