Explainium

• 

  Simplify. Learn. Excel.

Inspiration

As an undergraduate studying Philosophy, I often encounter readings that are dense, nuanced, and difficult to grasp in one go. The process of re-reading, googling, and occasionally turning to external AI tools for help can be frustrating and time-consuming. When I learned about the integration of Gemini Nano into Chrome and the opportunity to build an extension leveraging its capabilities, I immediately saw a chance to solve not just my problem, but a broader one.

Many people—whether academics, students, or casual readers—struggle to understand complex texts. While dictionary tools exist for individual words, they fail to capture the deeper meanings of sentences or paragraphs, which often require more nuanced interpretation. Explainium bridges this gap by providing instant, accessible explanations for text at any level, enabling readers to fully engage with their content without constantly switching between apps or tools. This idea is driven by a desire to make comprehension seamless, intuitive, and enjoyable for everyone.

What it does

Explainium is a Chrome extension designed to make understanding complex text seamless and intuitive. When users select any text—whether a word, sentence, or paragraph—on a webpage or PDF, Explainium provides instant explanations in two modes: an “Explain Like I’m 5” (ELI5) version for simple understanding and a professional-level explanation for deeper insight. It helps students, professionals, and casual readers engage with challenging content without leaving the webpage, saving time and reducing frustration.

How I built it

I built Explainium using Chrome’s Extension APIs and Gemini Nano’s prompt capabilities. The project integrates scripting for capturing user-selected text, which is processed and analyzed to provide real-time explanations. The side panel is implemented as an intuitive UI for displaying the explanations alongside the webpage or PDF, ensuring seamless user interaction.

Challenges I ran into

One major challenge was implementing robust text selection across different webpage structures and PDF formats. PDFs rendered in Chrome are not standard HTML content, so typical text selection methods were ineffective. To address this, I utilized the PDF.js module, which required additional research and integration but allowed us to extract text reliably.

Another challenge was optimizing the real-time processing of selected text to ensure explanations were both quick and accurate, even for large or complex passages. Balancing these requirements while keeping the extension lightweight and efficient was a demanding yet rewarding aspect of the project.

Accomplishments that I am proud of

I am proud of creating a tool that bridges a significant gap in comprehension, making it easier for users to tackle complex texts. By successfully integrating Gemini Nano’s capabilities into the Chrome extension, I delivered high-quality, real-time explanations for both simple and professional needs.

Additionally, the UI design ensures a user-friendly and engaging experience, offering seamless integration into users’ workflows. A highlight of the project is its universality—it works across all webpages, including HTML and PDF formats, making it widely accessible.

The ability to handle PDFs is especially meaningful for me, as most of my academic readings and research papers are in PDF format. This functionality also makes the extension valuable for academicians and casual readers, who often encounter PDF content. The challenges of implementing this feature made it all the more rewarding to see it work effectively.

What I learned

Through this project, I learned the intricacies of building Chrome extensions and integrating advanced APIs. I gained deeper insight into user experience design, particularly how to make a tool intuitive and accessible. Finally, I honed my problem-solving skills by addressing challenges in text selection and explanation processing, ensuring the tool works seamlessly across diverse contexts.

What's next for Explainium

Next, I want to make Explainium work even for local files. Currently it works only for online website, but I would want the local pdfs to be able to be read in Chrome using Explainium. This will be next step in making Chrome the first choice for reading any pdf.

Built With

• css
• html
• javascript
• promptapi