Skip to content
Active Development ยท MVP Complete

PodJam

A real-time social music streaming app where friends jam together perfectly synced, anywhere in the world

PodJam app preview

Project Overview

What It Is

PodJam is a mobile-first social music app that lets users create and join live listening rooms. Friends can discover music together in perfect sync, chat in real-time, react with emojis, and share sessions instantly.

Why It Was Built

Existing solutions like Spotify group sessions are limited, buggy, or premium-locked. Long-distance friends and communities needed a free, reliable, and fun way to share music moments in real time.

Problem Solved

People miss the magic of listening to music together. Current apps suffer from sync issues, paywalls, poor mobile UX, and lack true social interaction during playback.

Core Features

๐Ÿ”„

Perfect Sync Playback

Sub-second synchronized music across all devices using real-time database updates and precise timing control.

๐Ÿ’ฌ

Live Chat & Reactions

Real-time chat with emoji reactions, voice notes, and message bubbles during playback.

๐Ÿ”

Room Discovery

Browse public rooms by genre, mood, or trending sessions. Join instantly with a unique code or link.

๐ŸŽต

YouTube Music Integration

Search and queue millions of songs directly from YouTube without requiring premium accounts.

๐Ÿ“ฑ

Social Feed

Share room highlights, session recaps, and music moments to a community feed with likes and comments.

๐Ÿ”—

Shareable Links & Codes

Generate short codes or shareable links that friends can use to join instantly via any messaging app.

Architecture Snapshot

Frontend

React Native (Expo) mobile app with beautiful dark UI, smooth animations, and native feel

React NativeExpoTypeScriptTailwindFramer Motionshadcn/ui

Realtime Sync

Firebase Realtime Database for ultra-low latency chat and playback synchronization

Firebase RTDBPresence SystemonDisconnect CleanupMessage Streaming

Data & Storage

Firestore for room metadata, user profiles, feeds; Storage for avatars and uploads

FirestoreCloud StorageOffline PersistenceSecurity Rules

Authentication

Google Sign-In with session persistence and secure user management

Firebase AuthGoogle ProviderSession PersistenceAuth Guards

External APIs

YouTube Data API for search and playback; Web Share API for social sharing

YouTube v3 APIWeb Share APIClipboard APIDeep Linking

Tech Stack

Mobile

โ€ข React Native
โ€ข Expo
โ€ข TypeScript

UI/UX

โ€ข Tailwind CSS
โ€ข shadcn/ui
โ€ข Framer Motion

Backend

โ€ข Firebase
โ€ข Realtime Database
โ€ข Firestore

Auth & Storage

โ€ข Firebase Auth
โ€ข Cloud Storage

APIs

โ€ข YouTube Data API
โ€ข Web Share API

Hosting

โ€ข Expo
โ€ข Firebase Hosting
โ€ข Vercel (web)

Challenges & Learnings

Perfect Playback Sync

Problem

Achieving sub-second synchronization across devices with varying network conditions was extremely difficult.

Solution

Implemented a hybrid approach using Realtime Database for position updates with client-side drift correction and periodic resync.

Learning

True real-time sync requires both server authority and intelligent client compensation.

Background Audio

Problem

YouTube player would pause when switching tabs or minimizing the app on mobile.

Solution

Kept player mounted across tabs using display:none preservation and custom background controls.

Learning

Mobile audio continuity requires careful component lifecycle management.

Free Music Access

Problem

Needed millions of songs without requiring Spotify/Apple Music premium subscriptions.

Solution

Integrated YouTube Data API with react-player for free, legal access to vast music library.

Learning

Creative API usage can solve major accessibility barriers.

Who Its For

Long-Distance Friends

Share music moments in real time despite being miles apart

Study Groups

Focus together with lo-fi or ambient playlists in sync

Music Communities

Host themed listening parties and discover new tracks together

Couples & Families

Feel connected through shared musical experiences

Content Creators

Host live listening sessions with fans and build community

Outcome & Impact

Key Achievements

  • โœ“Fully functional MVP with perfect sync playback and real-time chat
  • โœ“100% free access to millions of songs (no premium required)
  • โœ“Shareable room links that work across all messaging apps
  • โœ“Live presence system showing exactly who's jamming
  • โœ“Beautiful, addictive dark mobile interface

Skills Mastered

  • โ†’Real-time synchronization architecture across mobile devices
  • โ†’Advanced Firebase integration (Auth, Firestore, RTDB, Storage)
  • โ†’React Native performance optimization and animation mastery
  • โ†’Mobile audio continuity and background playback solutions
  • โ†’Social product design and viral sharing mechanics

Why This Matters

PodJam brings back the joy of discovering and experiencing music together. In a world of isolated listening, it recreates the magic of sharing songs with friends just like passing headphones or gathering around a speaker, but for the modern, distributed world.