InstaCode

• 

  LOGIN

• 

  Homepage

• 

  Tavus Intergration

• 

  Adavance playground

• 

  Realtime Chat

InstaCode: Code. Connect. Compete.

Inspiration We’re a team of passionate developers and creators who kept asking a simple question: Why don’t coders have their own social-first platform? Gamers have Twitch. Creators have YouTube and Instagram. But for developers, the landscape is fragmented. We have GitHub for collaboration, Stack Overflow for Q&A, and LeetCode for practice but no single space where we can connect, share, and grow together. We imagined a platform that blends learning, sharing, and social connection for coders. A space where you could post your code like a story, screen record your process, join real-time challenges, and learn from AI mentors. That vision became InstaCode.

What It Does InstaCode is a real-time, social-first web platform where developers can: Share code snippets, videos, or projects with an integrated code editor and facecam recorder. Create and solve programming problems, and upload their own for others. Compete in coding challenges, with global and curated leaderboards. Connect with other devs through real-time chat and follows. Integrate their LeetCode profiles to show real-time stats. Access AI-powered code analysis with visual explanations. Talk to a lifelike AI mentor via video (powered by Tavus). Get daily updates on LeetCode, GFG, and CodeChef in their homepage feed. Save bookmarks and customize platform settings.

How We Built It We combined modern web technologies with AI tools to make InstaCode immersive and scalable.

Frontend: React + TailwindCSS for a responsive and smooth user interface. Animations: Framer Motion for seamless transitions and effects. Backend: Supabase for auth, real-time database, file storage, and WebSocket chat. Code Editor: Monaco Editor with integrated screen recording and camera overlay. AI Mentor: Tavus for video generation, ElevenLabs for dynamic voice synthesis. LeetCode Integration: Node.js scraper with GraphQL API to fetch real-time user data. Code Analyzer: Google Gemini API for explaining code with diagrams and insights. Notifications: Real-time events via Supabase channels. Hosting: Vercel and Supabase Cloud.

Challenges We Faced LeetCode’s closed API pushed us to reverse-engineer data retrieval and caching mechanisms. It was also difficult to balance social design with developer productivity keeping users focused without losing the addictive nature of modern platforms. Combining tools like Tavus Intergration created syncing issues that we had to resolve with timing control layers and background task runners.

Private Bolt Account with chats : [Private - https://bolt.new/~/sb1-qh6v1htc] Public Link Mentioned in Submission Additional Info I could not change the visibility to public so i have duplicated the project and added the duplicated bolt public of the project

What We Learned How to create a social-first experience tailored for technical users. Real-time architecture using Supabase is powerful but requires careful optimization. Prompt engineering for AI tools is critical to achieve stable outputs. Developers are more likely to engage if the experience feels personal, expressive, and fun.

The Future of InstaCode Launch AI-powered coding mentors who adapt to each user’s progress. Support monetization for developer creators using RevenueCat. Extend challenges with community-created sets and weekly events.

Closing Statement InstaCode isn't just another coding site—it's a community hub where developers can code, connect, and grow together. We’ve combined the utility of GitHub, the engagement of Instagram, and the learning power of AI into one platform. This is the social network we wish we had while learning to code.ation

Built With

• eleven
• hackath
• react
• supabase
• tauvus
• worl