Memeify

About Memeify

With the press of a button, a new, original – and deep-fried – meme is generated from the depths of a random-image generator site and OpenAI, and it's guaranteed to be funny! This website generates memes with top and bottom text inspired by the image, afflicted with varying levels of deep-frying to make them extra beautiful.

How it was made

Memeify has a Python backend that first loads an image from a random-image generator site, then uses OpenAI's computer vision to identify the image and OpenAI's text generation to create the meme. We also implemented the Pillow Library to add the text to and filter the image. The front-end is mainly created using JavaScript, with a combination of HTML + CSS and React.js to help us create the glorious website as seen in the images.

Challenges along the way

As with most full-stack developments, connecting the JavaScript frontend to the Python backend was the hardest part – it involved learning how to use fetch by React.js and Flask to send data and communicate between the backend and front-end. Secondly, none of us had used scripts that called AI models before, so that was also a learning curve. Overall, we are happy with how our project turned out and grateful to have learned so much along the way.

Built With

• css
• flask
• html
• javascript
• openai
• python
• react.js