Clario

This is our small step to this project

Inspiration

In today’s digital world, people read a lot of information every day from articles, blogs, and research papers. However, reading everything in detail takes time. This inspired us to build a Chrome Extension that can summarize and translate any webpage instantly. Our aim is to help users save time, understand content faster, and access information in their preferred language.

Project Goal

The goal of our project is to create a smart Chrome Extension that can:

Summarize long text into short and meaningful key points.

Translate text into multiple languages.

Make reading and understanding easier for everyone.

Work directly inside the Chrome browser without using any external tools.

How We Built It

We developed the extension using:

HTML, CSS, and JavaScript for the user interface and logic.

Manifest V3 for Chrome Extension setup.

AI API (OpenAI or Gemini) for summarization and translation.

Background and content scripts to connect webpage data with the extension popup.

Process:

The user selects or highlights text on a webpage.
The extension captures the selected text.
The AI model processes it and returns either a summary or translation.
The result is displayed in the extension popup instantly.

What We Learned

How to develop and structure a Chrome Extension with Manifest V3.

How to connect APIs securely and handle responses efficiently.

How to design a simple and user-friendly popup interface.

How to work with asynchronous JavaScript functions.

The importance of writing effective prompts to get accurate AI results.

Challenges We Faced

Handling cross-origin requests while calling external APIs.

Managing API response time and maintaining performance.

Designing a smooth interface that fits within the Chrome popup window.

Ensuring accuracy for both summaries and translations.

Testing on different websites to make sure the extension works everywhere.

Example Formula (LaTeX Support)

\text{Summary Efficiency} = \frac{\text{Key Points Extracted}}{\text{Total Sentences}} \times 100

This formula helps to measure how efficiently the AI summarizes a given text.

Conclusion

Our project, Smart Summary and Translate, aims to make online reading faster and more accessible. By combining summarization and translation into one extension, we help users understand information better and save valuable time.

Built With

and
background-service-worker
build-scripts.-html:-popup-(public/index.html)-and-options-page-(public/options.html).-css:-styling-via-tailwind-(in-src/index.css
chrome
config
content
content-script
css
custom
extension
for
javascript:-app-logic-(react-ui-in-src/)
json:
manifest
package
public/content.css).
public/manifest.json)
script
tailwind.config.js)