Welcome to MemeCam, the ultimate web app that turns your facial expressions into hilarious, shareable memes in seconds!
Using the power of AI, MemeCam analyzes your mood from a webcam photo and instantly generates captions, roasts, alter egos, absurd stories, and much more—all in your browser.
- 📸 Live Webcam Capture – Snap a real-time photo directly in the app.
- 😄 AI Emotion Detection – Detects your emotion using face-api.js.
- ✍️ AI-Generated Captions – Top and bottom meme text based on your expression.
- 🔥 "Roast Me" Mode – Get roasted by the AI (only if you can handle it).
- 🦸♀️ "My Alter Ego" Mode – Become a ridiculous superhero or villain.
- 📜 "Generate Story" Mode – AI writes a crazy story explaining your face.
- 🤡 Draggable Stickers – Add emojis like 😂 💀 😭 with drag-and-drop.
- 🎤 Voice-to-Caption – Speak your meme caption using your mic.
- 💾 Download & Share – Export high-quality JPEGs or share instantly.
- 📱 Fully Responsive – Works perfectly on phones, tablets, and desktops.
- Visit Google AI Studio: https://aistudio.google.com/app
- Sign in and click "Get API Key"
- Copy the key
- Open index.html in a code editor
- Replace "YOUR_GEMINI_API_KEY" with your actual API key
- Save your changes.
- Open index.html in Google Chrome or Firefox.
- Allow webcam access when prompted.
- Wait for AI models to load — the "🚀 Launch MemeCam" button will become active.
- Click "📸 Capture Photo" – a countdown will begin.
- Click "🧠 Analyze Face" to unlock meme modes.
Choose your favorite mode:
- Roast Me
- Alter Ego
- Story Mode
- Voice-to-Caption
Then:
- Edit top/bottom text
- Drag and drop emoji stickers
- Click "💾 Download Meme"
- HTML5, Tailwind CSS, JavaScript (ES6+)
- face-api.js (built on TensorFlow.js)
- Google Gemini API
- html2canvas
- Fork the repo
- Clone it to your local system
- Create a new branch:
git checkout -b patch-1 - Make your changes
- Push:
git push origin patch-1 - Create a Pull Request!
good first issuedocumentationhacktoberfest
Make sure you follow Hacktoberfest rules and submit quality PRs.
Created by Nitin Yadav
- Twitter: @nitinyadav2188
MemeCam – Because your face deserves to be meme-worthy 😎