SmartSight

Inspiration

The idea for SmartSight came from noticing how hard it was to detect how news articles are framed. Every article, headline, and statistic carries some bias nowadays, often subtle but powerful. I wanted to create a tool that doesn’t just summarize content, but teaches people to read smarter by highlighting bias and testing real understanding.

What it does

SmartSight is a Chrome extension that analyzes the web pages you read in real time. It detects potential bias, explains complex terms, and even quizzes you to check your comprehension. The goal is to help readers think critically rather than absorb information passively.

How I built it

I built SmartSight using:

• JavaScript, HTML, and CSS for the front-end Chrome extension
  
• Google's APIs, The Prompt API.

Challenges I ran into

1. Detecting bias accurately — Bias is subjective and context-dependent. I had to fine-tune prompts to minimize false positives.
   
2. Optimizing performance — Running On-premise analysis inside a browser without slowing it down was a major challenge. I attempted solving this with background scripts and caching.
   
3. Balancing simplicity and depth — Users needed detailed insights without being overwhelmed, which required tens of UI design iterations.
   

Accomplishments that I'm proud of

• Built a working product that detects framing bias in real articles
  
• Developed a quiz system that adapts to the content being read
  

What I learned

Building SmartSight deepened my knowledge of combining multiple web technologies and APIs into one cohesive experience. I also learned that good UX design can make complex AI results understandable to non-technical users.

What's next for SmartSight

• Create dashboards to track users’ reading habits and improvement
  
• Launch a beta for educators to use SmartSight in classrooms

Built With

• css
• google-prompt-api
• html
• javascript