Inspiration

The idea for VR1 stemmed from the need to create a truly immersive, voice-enabled chat and call experience powered by WebRTC, WebSockets, and decentralized technologies. We wanted to build a next-gen communication platform that’s private, performant, and futuristic — blending ElevenLabs' AI voice capabilities with Algorand for seamless payments and Supabase for real-time interactions.

What it does

VR1 is a real-time communication platform that supports:

  • Voice and video calls using WebRTC
  • Real-time chat using WebSockets
  • Voice conversion using ElevenLabs API
  • Decentralized storage of chat data on IPFS
  • Direct payments over Algorand blockchain
  • E2E encryption for privacy
  • Authentication and storage via Supabase

How we built it

  • Frontend: React + TypeScript + Vite + Tailwind + ShadCN for UI
  • Backend & Realtime: Supabase for authentication, storage, and real-time updates
  • Voice: ElevenLabs API to convert and stream user voices
  • Calls: WebRTC for P2P audio/video calls
  • Messaging: WebSockets for live text-based chat
  • Blockchain: Algorand SDK for transactions, with IPFS for chat archiving
  • Security: End-to-end encryption using custom crypto modules

Challenges we ran into

  • Setting up secure WebRTC signaling using Supabase
  • Integrating ElevenLabs real-time voice conversion into call flows
  • Managing media streams and their lifecycle with React hooks
  • Handling cross-browser WebRTC inconsistencies
  • IPFS integration with Algorand in a scalable way

Accomplishments that we're proud of

  • Built a full-stack, privacy-first real-time app with smooth call and chat experience
  • Integrated AI voice transformation using ElevenLabs
  • Achieved seamless payments and storage with Algorand + IPFS
  • Designed an elegant and accessible UI using ShadCN and Tailwind

What we learned

  • Deep understanding of real-time systems (WebRTC, WebSockets)
  • Building decentralized apps with Algorand and IPFS
  • Securely managing media streams and end-to-end encryption
  • API integration with complex services like ElevenLabs
  • Optimizing React apps for real-time audio/video communication

What's next for VR1

  • Mobile optimization and PWA support
  • Group video calls with spatial audio
  • Multi-language support using ElevenLabs multilingual voices
  • Smart summaries of voice chats using AI
  • NFT-based access control and content monetization

Built With

Share this project:

Updates