asim-shrestha / the-meme-machine

🥉 3rd Place, Mountain Madness 2021. An online platform to communicate entirely through memes.

🥉 3rd Place SFU Mountain Madness 2021 🥉
Team: Legacy Edition
Demo
_{Please start the API to upload / create memes (taken down due to costs)}

---

Built using python, fastapi, firebase, and next, The Meme Machine is inspired by Susan Blackmore's book of the same name and seeks to bring her book to life. This webapp provides a platform for users to communicate solely in memes. Users can upload a meme template or use an existing one, create a new meme, view the memes of others in real time, and respond to memes with memes.

Tech Stack and Deployment

Our backend is coded using fastapi and python 3.8. Our frontend is coded using next.js (a React framework) and the React Bootstrap. Firebase is used to store data such as images and various python libraries are used to generate memes and also deep fry them 🔥.

Running The Meme Machine

To install The Meme Machine, please follow the steps in order below.

Backend

Installing and running backend. Note: python > 3.5 is required.

cd backend
pip install -r requirements.txt
python asgi.py

The backend should now be visible in a browser at localhost:5000.

Frontend Installing and running frontend. Note: nodejs lts is required.

cd frontend
npm install
npm run dev

The frontend should now be visible in a browser at localhost:3000. The application should now be fully functional.