Self Learner

A Chrome extension where you add text and images from any webpage to the context, and let the AI test your knowledge with intelligent questions!

Comment

Inspiration

I was inspired by the fact that people need a person to revise their knowledge. When I was a child, I often sat with my parents, gave them my textbook, and they would ask me questions based on it to help me revise. I wanted to recreate this exact experience using the power of LLMs.

What it does

Self Learner transforms your browser into a personalized learning environment. As you browse the web, you can select any text or right-click on any image (like diagrams, charts, or photos) to add them to your "learning context." Once you've gathered your material, the extension uses the on-device Gemini Nano AI to act as your personal tutor. It analyzes the text and sees the images you've saved, then generates intelligent questions to help you review and solidify your understanding of the topic.

How we built it

The development process was incredibly fast. I used GitHub Copilot to quickly iterate through several implementation ideas, allowing me to experiment and choose the best approach for the project. This rapid prototyping was key to building the extension in a short amount of time.

Challenges we ran into

The main challenge I faced was not related to coding but to creating the project video. It's an area I'm not as comfortable with, and it took some effort to produce a quality demonstration.

Accomplishments that we're proud of

I am proud to have built a practical and innovative learning tool by harnessing cutting-edge, on-device AI. A key accomplishment was successfully integrating the experimental multimodal capabilities of the Gemini Nano API, allowing the extension to understand both text and images simultaneously. This creates a powerful, privacy-first educational tool that runs entirely on your machine, turning complex web content into an interactive study session.

What we learned

Throughout this project, I learned how to work efficiently with GitHub Copilot for code generation, which was a huge productivity boost. I also deepened my understanding of JavaScript basics and the intricacies of developing Chrome extensions.

What's next for Self Learner

I thought about several new features that can be added in the future to expand the Self Learner's audience and capabilities:

  1. Savable sessions.
  2. AI knowledge gap summaries that guide your revision.
  3. Instant flashcards from any web content to help in learning.

Built With

Share this project:

Updates