Tambay.link
Modern Pinoy digital profile card platform and interactive hangout space built with Vue 3, Supabase, and LiveKit, featuring custom CSS profile styling, Spotify API integration, and real-time voice channels.
Architecture & Technology Stack
Architectural Overview & Case Study
Tambay.link (tambay.link) is a modern, social digital profile card platform and online "tambayan" engineered for digital creators and communities. It reimagines classic web profiles into highly customizable, interactive "Vibe Cards" paired with real-time community spaces.
Key Features & Functional Highlights:
• Customizable Vibe Cards: Personalized digital bio-link cards supporting custom CSS styling, dynamic background aura effects, custom music, and social links.
• Real-time Voice Hangouts (LiveKit): Built-in WebRTC-powered voice channels ("Hang Out!") allowing users and visitors to hop into real-time audio rooms directly within the web app.
• Spotify API Integration: Syncs live playback state, favorite tracks, and top music playlists directly onto user profiles.
• Dynamic Aura & Custom Themes: Personalized aesthetic customizations featuring selectable aura glow colors, custom fonts, and custom CSS overrides.
• PWA & Social Sharing: Fully installable Progressive Web App (PWA) with responsive mobile support, instant share cards, and quick bookmarking.
Technical Stack & Infrastructure:
• Frontend: Vue 3 (Composition API), Pinia (State Management), Tailwind CSS.
• Backend & Real-time: Supabase (Authentication, PostgreSQL Database, Realtime Subscriptions), LiveKit (WebRTC Voice Infrastructure).
• Deployment: Vercel serverless edge network.