Context Retrieval System

• 

  Landing page

• 

  Auth page

• 

  My login page

Inspiration

We’re surrounded by endless tabs and fragmented information across our browsers. Finding previously opened or relevant content wastes time and focus. We were inspired to build a system that understands what you're searching for—not just keywords—and retrieves it instantly using AI.

What it does

ContextRetrieval captures, indexes, and semantically analyzes browser tab content using AI embeddings. When a user enters a query (or uses voice search), it returns the most contextually relevant results in real time, complete with previews and quick actions.

How we built it

Frontend: React with Tailwind CSS for responsive UI

Extension: Chrome Extension (Manifest V3) to capture browser tab content

Backend: Supabase for auth, data storage, and Edge Functions

AI: Supabase Vector Store for semantic search

Extras: Framer Motion for animations, Lucide icons, React Hooks for state management

Challenges we ran into

Managing communication between extension scripts and backend securely

Embedding and retrieving large amounts of tab content efficiently

Handling real-time feedback and search result accuracy

Configuring Supabase for vector search and access control

Accomplishments that we're proud of

Built a working Chrome extension with AI-backed context retrieval

Implemented smooth UI/UX with dark mode, keyboard shortcuts, and voice search

Achieved instant, accurate search performance using Supabase Vector Embeddings

Integrated a full-stack pipeline from tab capture to AI-based retrieval

What we learned

How to build and deploy Chrome extensions with secure backend integration

Using Supabase’s ecosystem for full authentication and AI-based search

Managing real-time UI state and animations in a React app

Semantic embedding and retrieval at scale for browser data

What's next for Context Retrieval System

Browser support beyond Chrome (e.g., Firefox, Edge)

Session history memory and personalized insights

Natural language summarization of tab content using LLMs

Team-based shared memory for collaboration

OAuth integration and advanced permission controls

Built With

• api
• auth
• browser
• chrome
• css
• edge
• extensions
• framer
• functions
• hooks
• javascript
• lucide
• manifest
• motion
• postgresql
• react
• recognition
• speech
• store
• supabase
• tailwind
• typescript
• v3)
• vector