Mimic-AI

• 

  Architecture diagram

Inspiration We wanted to build something that made people laugh the second they saw it. Most hackathon projects are impressive but hard to explain — we wanted the opposite: something anyone could pick up in five seconds and immediately want to show their friends. The idea of using AI to judge facial expressions in a live head-to-head battle felt equal parts ridiculous and technically interesting, which is exactly the sweet spot we were going for. What it does Mimic-AI puts two players in a real-time face battle. Both receive the same prompt — something like "make a dead face" or "look shocked" — and have 5 seconds to nail it on camera. When time's up, both frames are scored by an AI vision model, the higher score wins ELO, and you either mog your opponent or get mogged. Simple, chaotic, and immediately fun. How we built it The frontend is a React + Vite app styled to look like a competitive gaming HUD — split-screen webcam panels, a countdown timer, ELO tracking, and a results screen. The backend handles real-time matchmaking and game state using Socket.io, with events like join_room, prompt_ready, submit_frame, and game_over driving the flow. AI scoring runs through a vision model that evaluates each submitted frame against the target expression. Challenges we ran into Getting real-time webcam frame capture and submission to feel snappy was harder than expected — there's a surprising amount of latency to manage between capture, emit, score, and render. Designing the socket event flow so both players stay in sync without race conditions took several iterations. On the frontend side, making the UI feel polished and game-like under hackathon time pressure was its own challenge. What we learned Building with websockets taught us a lot about state synchronization in real-time multiplayer — it's one thing to read about it and another to debug two browser tabs drifting out of sync at 2am. We also got a much better feel for how to prompt vision models for consistent, scoreable output rather than freeform descriptions. What's next for Mimic-AI Ranked matchmaking, more expression categories, a spectator mode, and potentially a tournament bracket format. The core loop is addictive enough that there's a lot of room to build on top of it.

Built With

• css
• html
• javascript
• python
• react
• socket.io
• vite