Glance

• 

  Popup Chrome Extension

🌟 Inspiration

We wanted a faster way to digest overwhelming web content and long YouTube videos. Glance was built to give users instant summaries and let them ask questions — so they spend less time skimming and more time understanding.

💡 What it does

Glance is a Chrome extension that:

• Summarizes any webpage or YouTube video (via transcript)
• Supports highlight-to-summarize
• Lets users ask questions about content (powered by Gemini)
• Displays a quick TL;DR banner for instant insight

🛠️ How we built it

Built using JavaScript, HTML, and CSS as a Chrome extension.

Key tools:

• YouTube Transcript API – to pull video subtitles
  
• Gemini API – for summarization + question answering
  
• Content scripts – to extract page text and inject UI

🧗 Challenges

• Parsing inconsistent web structures
  
• Handling videos without transcripts
  
• Managing API context/token limits
  
• Keeping the UX fast, responsive, and clean

🏆 Accomplishments

• Unified summarization + Q&A for articles and videos
  
• Seamless highlight-to-summarize interaction
  
• Real-time, contextual answers using Gemini
  
• Fully functional browser-based AI tool

📚 What we learned

• Working with transcript data and LLM APIs
  
• Best practices in Chrome extension development
  
• Efficient content summarization and prompt design
  
• Creating intuitive, user-friendly browser tools

🚀 What’s next

• Save/export summaries to Notion, Google Docs, etc.
  
• Multi-tab summarization support
  
• Voice input and text-to-speech
  
• Adjustable tone and reading level
  
• Cross-device syncing of summaries

Built With

• chrome
• css3
• gemini
• html5
• javascript
• youtube