meh.ai

meh.ai: Your AI-powered companion for engaging web page interactions.

Comment

About the Project

Inspiration

The inspiration for meh.ai stemmed from the need to enhance user interaction with web content. In a world filled with information, I aimed to create a tool that simplifies understanding and engaging with web pages, making the browsing experience more enjoyable and intuitive.

What it Does

meh.ai is a Chrome extension that allows users to interact with web pages in a fun and engaging way. It leverages on-device AI to answer questions about page content, summarize information, and extract key insights, all within a seamless chat-like interface.

How I Built It

The project was developed using:

  • JavaScript for core functionality and user interactions.
  • HTML/CSS for the front-end interface.
  • Node.js for backend processes and dependency management.
  • Readability Library for extracting readable content from web pages.

I set up a Chrome extension framework, integrated the AI model for question answering, and designed a user-friendly interface for seamless interactions.

Challenges I Ran Into

During development, I faced several challenges:

  • AI Model Limitations: Ensuring the AI provided accurate and relevant answers required extensive testing and adjustments.
  • Performance Optimization: Balancing the extension's responsiveness with the computational demands of the AI model was a significant hurdle.
  • In-Browser Embedding Model: Implementing the Universal Sentence Encoder using transformer.js posed challenges in terms of performance and integration within the browser environment.
  • In-Browser Vector Store: Building an efficient client-side vector store for vector search to ensure quick retrieval of embeddings.

Accomplishments That I'm Proud Of

I am proud of successfully integrating a powerful AI model that enhances user interaction with web content.

What I Learned

Throughout this project, I learned valuable lessons in:

  • AI Integration: How to effectively incorporate AI models into web applications.
  • User Experience Design: The importance of creating a user-friendly interface that encourages interaction.
  • Web Technologies: Deepening my knowledge of JavaScript, HTML, and Chrome extension development.

What's Next for meh.ai

Looking ahead, I plan to:

  • Enhance the AI model's capabilities for even more accurate responses.
  • Expand the features of the extension based on user feedback.
  • Explore additional integrations with other web services to provide a richer user experience.

Built With

Share this project:

Updates