This is a submission for the GitHub Copilot CLI Challenge
What I Built
MindMelee is basically your AI debate partner that's always ready to argue with you (in a good way!). I wanted to create something that helps people get better at debating without needing another person around.
The app uses Google's Gemini Live API so you can actually talk to it like a real conversation. After each debate, it breaks down your performance - vocabulary, clarity, how persuasive you were, all that stuff. You can pick between two modes: Coach (nice and helpful) or Fierce (actually challenges you).
The UI is pretty bold - I went for this neubrutalist style inspired by CodeJam. Big timer on the left, your conversation on the right. Only shows the last 5 messages so you stay focused instead of scrolling through everything.
Demo
GitHub Repository: github.com/abbasmir12/mindmelee
Demo Site: https://mindmelee.vercel.app/
Screenshots
Dashboard - Start Your Debate
Live Debate Interface
Performance Analytics
I'm still learning - only scored 30 on my first try 😒 Let me know what you get!
Key Features
- Real-Time Voice Debates - Just talk naturally, AI responds right away
- Bold Neubrutalist UI - CodeJam-inspired design with smooth animations
- Comprehensive Analytics - See exactly where you're strong and where you need work
- Dual AI Modes - Coach mode for learning, Fierce mode when you want a real challenge
- Progress Tracking - Charts and heatmaps showing your improvement
- Persona Discovery - Find out what kind of debater you are
My Experience with GitHub Copilot CLI
Okay, so here's the thing - I'm not gonna pretend Copilot CLI built this entire app for me. I designed everything, figured out the architecture, made all the creative decisions. But man, when it came to actually implementing stuff? Copilot CLI saved my life.
How It Actually Helped
Talking to Code
Instead of spending hours reading docs, I could just ask Copilot CLI in plain English. Like when I needed the audio visualization thing - I just asked how to make a real-time audio analyzer. It gave me the code AND explained how the WebAudio API actually works. That's huge when you're learning.
Smart Suggestions
The context-aware stuff is wild. While I was building the UI, it would suggest the exact Tailwind classes I needed for those neubrutalist shadows. It somehow understood the pattern I was going for and kept everything consistent.
Instant Debugging
My components were re-rendering like crazy on every audio frame (performance nightmare). Copilot CLI spotted the issue immediately and told me to use refs instead. Saved me probably 3 hours of debugging.
Learning on the Fly
This is what really got me - it doesn't just give you code, it teaches you. When I was struggling with Framer Motion, it explained spring physics and showed me this mode="popLayout" feature I'd never seen. Every time I used it, I learned something new.
TypeScript Help
WebRTC and MediaStream types are confusing as hell. Copilot CLI just... knew the right types. And explained why they were needed. No more tab-switching to docs every 5 seconds.
The Real Impact
Look, what would've taken me days of Stack Overflow rabbit holes took minutes with Copilot CLI:
- WebAudio API: 30 minutes vs. probably 4+ hours
- Framer Motion animations: 1 hour vs. a full day of trial and error
- Performance fixes: Instant vs. who knows how long
- TypeScript types: Right there vs. endless doc searching
But it's not just about speed. Copilot CLI changed how I approach building stuff. I'm not scared to try new APIs anymore because I know I've got this AI pair programmer who can explain things in real-time.
Best Moments
The Genius Suggestion: Copilot CLI told me to use
flex-col-reversefor the chat feed. New messages at bottom, old ones fade out at top. So simple, so perfect. I wouldn't have thought of that.Design Consistency: It helped me keep the neubrutalist style consistent across 20+ components. Once it understood the pattern, it just... got it.
Performance Win: Fixed that re-render issue in seconds. Went from laggy mess to smooth 60fps just like that.
The Learning: Finally understanding React's closure issues with useEffect. Not just fixing the bug, but actually getting why it happened.
Why This Matters
If you're building something complex by yourself, Copilot CLI is like having a senior dev on your team. Not to do the work for you - to help you do it better.
I knew what I wanted to build. Copilot CLI helped me actually build it without getting stuck every 10 minutes. That's the difference between "cool idea" and "working app."
MindMelee has real-time voice AI, complex animations, comprehensive analytics - stuff that requires knowing a lot of different things. Copilot CLI made it possible to tackle all of it without drowning in documentation.
Try It Yourself
git clone https://github.com/abbasmir12/mindmelee.git
cd mindmelee
npm install
npm run dev
Add your Gemini API key in Settings and start debating!
I had the vision, Copilot CLI helped me execute it.
Top comments (1)
please upvote and like and share your valuable thoughts!