Introducing Loon: An Open-Source Browser Extension Built with Vue 3 and TypeScript
In the rapidly evolving landscape of online shopping, discovering local and independent alternatives can be a challenge. To address this, I’ve developed an open-source browser extension called Loon, designed to seamlessly assist users in finding local product options while browsing major retail sites. Built with modern technologies including Vue 3 and TypeScript, Loon aims to provide a smooth, responsive experience for shoppers eager to support local businesses, particularly within Canada.
What is Loon?
Loon is a browser extension that activates when you’re viewing a product on a large retailer’s website. It surfaces a list of alternative products from independent, local vendors—primarily Canadian businesses—offering an easy way to make more sustainable and community-oriented purchasing decisions. By integrating directly into your browsing experience, Loon enhances product discovery without disrupting your flow.
Development Journey and Key Technologies
The project was developed with a focus on maintainability, performance, and ease of collaboration. Using Vue 3’s Composition API allowed for modular, reusable components, while TypeScript added type safety and improved developer experience. The extension is fully open-source and hosted on GitHub, inviting community feedback and contributions.
Areas of Focus for Feedback
I am eager to gather insights on several aspects of the project to enhance its structure and performance:
- Project Architecture: Insights into organizing Vue components, managing state, and structuring the codebase effectively.
- Vue-Specific Patterns: Recommendations on Vue best practices, optimizations, and patterns that could improve performance or maintainability.
- TypeScript Strategies: Advice on typing approaches, interface design, and architecture choices that could strengthen the code robustness.
Growing Database of Alternatives
Although building the database of alternative products is time-consuming, I’ve already populated it with options across categories such as skincare, supplements, vitamins, personal care items, cleaning products, and beverages like coffee and tea.
Explore Loon
- GitHub Repository: https://github.com/jackmayhew/loon
- Official Website: https://getloon.ca/
Your feedback and suggestions would be immensely valuable as I continue to refine and expand Loon. Whether you’re a Vue enthusiast, TypeScript expert, or simply passionate about local commerce, I welcome your insights!
*Thank you for taking
