PeerPod Chat
3D Peer scape
PeerPod Chrome Extension
My Profile

Inspiration

Have you ever opened a webpage and felt completely alone?

You open a webpage hoping to learn something important. Maybe it is documentation for a project due tomorrow. Maybe it is a lecture video before an exam. Maybe it is a tutorial that everyone else seems to understand except you.

You reread the same paragraph over and over. You open ten more tabs. You search through old Reddit threads, StackOverflow posts, and YouTube videos.

And somehow, despite being connected to the entire internet, you still feel completely alone.

That feeling became the foundation for PairPod.

We realized the internet is full of information, but not enough human connection. Millions of people visit the exact same pages every day, struggling with the same confusion, asking the same questions, and solving the same problems separately without ever seeing each other.

We wanted to change that.

What it does

PairPod turns any webpage into a shared collaborative space.

The moment someone opens a webpage, PairPod automatically creates or joins a live room connected to that exact URL. Instead of silently struggling alone, users can instantly interact with other people viewing the same page.

Inside PairPod, users can:

chat in real time
ask questions
create threaded discussions
share guides and resources
reply to comments
send direct messages
customize profiles and avatars
explore rooms through a 3D social environment

What makes PairPod different is that the conversation stays attached to the webpage itself.

A difficult tutorial becomes a study group. Documentation becomes collaborative. A confusing webpage becomes a place where people help each other in real time.

Instead of leaving the page to search for help, the help already exists around you.

How we built it

We built PairPod using Next.js, React, TypeScript, Supabase, REST APIs, Three.js, Electron, and browser extension technologies.

Our system dynamically normalizes URLs and creates persistent collaborative spaces around webpages. We designed a backend architecture that supports live room chat, threaded discussions, nested replies, direct messaging, voting systems, profile management, event logging, and real-time synchronization.

We also developed:

a browser extension experience
an Electron desktop overlay
realtime updates with Supabase subscriptions
AI-generated peer activity systems
sound and notification systems
customizable user identities and 3D avatars
accessibility-focused interaction flows

One of the most exciting parts was building “PeerScape,” a navigable 3D world where users can visually move between rooms, posts, DMs, profiles, and collaborative spaces.

Challenges we ran into

One of the hardest parts was balancing ambition with time.

PairPod started as a simple idea: “What if webpages felt social?”

But as we kept building, the project evolved into a full collaborative ecosystem with authentication systems, realtime synchronization, DMs, profile systems, browser extension flows, overlay windows, and complex backend relationships between rooms, pages, users, posts, comments, and events.

Designing the database architecture became one of our biggest technical challenges. Discussions, replies, guides, messages, and page-attached rooms all behave differently, and structuring those relationships correctly while keeping the system scalable required constant iteration.

We also faced difficult integration problems involving realtime updates, Supabase policies, extension authentication, and synchronizing frontend behavior across multiple environments including the web app, browser extension, and Electron desktop shell.

Accomplishments that we're proud of

We are proud that PairPod feels human.

Not just technically functional, but emotionally meaningful.

Many platforms focus only on content. PairPod focuses on the people experiencing that content together.

We are proud that we built a system where:

webpages become communities
students can help each other naturally
discussions persist around knowledge itself
collaboration happens where confusion actually occurs

We are also proud that accessibility was part of the vision from the beginning. Features like audio interactions, realtime collaboration, notifications, and simplified communication were designed to make online learning feel less isolating and more supportive.

Most importantly, we are proud that PairPod transforms a very familiar online feeling:

“I am stuck and alone.”

into:

“Someone else is here too.”

What we learned

We learned that building social systems is not only a technical challenge. It is also a human challenge.

Small interaction details matter. Realtime feedback matters. The feeling of presence matters.

We also learned how important backend architecture becomes when building collaborative platforms. Features that seem simple on the surface . like replies, DMs, voting, rooms, and profiles . quickly become deeply interconnected systems.

Most importantly, we learned that meaningful social impact does not always require solving massive global problems.

Sometimes impact means helping one person feel less lost. Helping one student ask a question without fear. Helping someone realize they are not learning alone.