MemoryPal

MemoryPal is a Chrome extension that helps you track, recall, and organize valuable content while browsing. With related pages, notes, and a similarity slider, it makes online research effortless.

Comment

Inspiration

We constantly stumble on great pages, threads, and docs—and then forget where we saw them or how they connect. Tabs multiply, context fades, and rediscovering knowledge is slow. MemoryPal turns everyday browsing into a personal, local knowledge graph so you can resurface relevant pages, see relationships, and remember what matters without sending your data anywhere.

What it does

MemoryPal is an extension designed to solve the problem of information overload and forgotten context. It helps users remember and reconnect with valuable information they've encountered online, especially when browsing or researching topics across multiple pages.

How we built it

We built MemoryPal using a combination of JavaScript, HTML, and CSS for the core functionality. We leveraged Chrome's Extension APIs to interact with the browser's tabs, history, and storage, allowing us to track pages and organize them into a knowledge graph. On top of this, we utilized Tailwind CSS for fast and responsive UI development, ensuring a sleek experience without getting bogged down in custom CSS. For managing state and interactions between various pages, we used React to handle dynamic content rendering. The extension syncs everything locally, ensuring user data stays private and secure.

Challenges we ran into

Working with Chrome's Extension APIs: Understanding the nuances of Chrome's extension architecture and APIs, such as background scripts, content scripts, and manifest v3 restrictions, presented a few hurdles. Getting everything to work smoothly with the browser’s permission model was a complex task.

Data Storage and Retrieval: Managing the knowledge graph on the local storage efficiently was another challenge. Storing user data in a way that is fast to query, while also being lightweight and organized, took some experimentation.

UI/UX Design for Clarity: We wanted to create an intuitive and clutter-free interface for users to interact with their saved pages, yet the complexity of representing a knowledge graph in a small extension UI was tricky. Striking the right balance between functionality and ease of use was a challenge.

Accomplishments that we're proud of

Local Knowledge Graph: We've successfully built a local, personal knowledge graph that helps users not just save pages, but connect them based on relevance. This feature allows users to easily traverse and remember information they've previously seen.

Private by Design: Unlike many other tools, MemoryPal keeps all user data locally on the device. Nothing is sent to a server, ensuring complete privacy, which we are really proud of in an age where data privacy is more important than ever.

Seamless Browser Integration: MemoryPal works seamlessly with Chrome and integrates with browser tabs and history, making it feel like a natural extension of the browsing experience.

What we learned

Through building MemoryPal, we learned how to design and develop a complete Chrome Extension from the ground up using modern web technologies. We gained hands-on experience with Manifest V3, background service workers, and Chrome APIs such as storage, tabs, and side panels.

We also learned how to structure and bundle complex frontend code — including TypeScript, React, and Tailwind CSS — in a way that works seamlessly inside an extension environment.

Beyond the technical aspects, we learned how to balance usability and privacy, ensuring that MemoryPal stores data locally while still providing a smooth and engaging user experience. Finally, this hackathon taught us the importance of rapid iteration, teamwork, and creative problem-solving under tight deadlines.

What's next for MemoryPal

Advanced Search and Filtering: We plan to introduce a more robust search system within the knowledge graph, allowing users to quickly find relevant content based on keywords, topics, or custom tags. This feature would make navigating through saved pages faster and more intuitive.

Cross-Browser Support: Expanding MemoryPal to support other browsers like Firefox and Edge would widen its user base and help more people keep track of their online knowledge.

Smart Recommendations: With enough data, we’d love to introduce smart recommendations. MemoryPal could suggest relevant pages or articles based on what the user has already stored in their knowledge graph.

Collaboration Features: Eventually, we plan to add collaboration tools so users can share parts of their knowledge graph with others, helping teams or research groups organize shared resources more efficiently.

Built With

Share this project:

Updates