Inspiration
When we first arrived as international students, even something as simple as buying medicine online felt overwhelming. We'd stare at unfamiliar names, unsure about the right dosage, worried about side effects, or whether there were better alternatives. Navigating these challenges made us realize how confusing it can be for anyone shopping for medicines online. Websites like CVS, which see over 90 million visits each month, are a go-to for people buying medicines. However, the abundance of information often adds to the confusion rather than solving it. This experience inspired us to create MediGuide—a tool that simplifies online medicine shopping by providing clear and concise information, helping everyone make confident healthcare decisions effortlessly.
What it does
Users everywhere often find themselves lost in pages of confusing medical jargon while shopping for medicines online. MediGuide changes that. It cuts through the noise, summarizing exactly what matters—what the medicine is for, its ingredients, how to use it safely, and potential side effects. It doesn’t stop there. MediGuide also offers smarter alternatives, helping users weigh their options and make informed choices. It’s like having a trusted guide by your side, ensuring confident and informed decisions for your health.
How we built it
We developed MediGuide as a Chrome extension using JavaScript, HTML, and CSS, ensuring it is both efficient and user-friendly. The content script interacts directly with pharmacy web pages, identifying product pages and extracting essential details like medicine names and descriptions through DOM manipulation. To ensure the extension activates only on relevant pages, we used regular expressions to detect product-specific URLs accurately.
The background script acts as the core of the extension, managing communication between various components and connecting with Chrome’s AI capabilities. To deliver real-time, privacy-focused results, we integrated Chrome’s AI Prompt API, enabling natural language prompts to process medicine-related queries securely and directly in the browser, without relying on external servers.
We used asynchronous JavaScript (async/await) to efficiently handle API requests, ensuring smooth user interactions even during data-intensive operations. Additionally, event listeners monitor user actions and page load events, allowing the extension to respond dynamically to changes in webpage content.
By combining these technologies, we created a robust, intuitive, and privacy-conscious solution that simplifies online medicine shopping for users.
Challenges we ran into
A major hurdle was ensuring the extension worked seamlessly across various pharmacy websites, each with its own unique layout and structure. Adapting to these differences required extensive testing and careful coding to accurately extract relevant information.
Another key challenge was designing the extension to activate only on relevant pages, such as product listings, and not on homepage or general navigation pages. This required precise detection mechanisms to identify when the user was viewing a specific medicine and avoid unnecessary interference elsewhere.
Accomplishments that we're proud of
We’re proud that MediGuide turns something as confusing as online medicine shopping into a straightforward and helpful experience. Building a tool that gives people clear, simple information about medicines—right when they need it—feels incredibly rewarding.
What excites us most is knowing that MediGuide empowers users to make confident decisions about their health. Hearing how it’s already making a difference during testing has been the biggest accomplishment for us, reminding us why we started this journey.
What we learned
This project taught us the importance of understanding user needs and designing intuitive, accessible solutions that focus on clarity and privacy.
On the technical side, we gained valuable experience in building browser extensions, integrating APIs, and handling dynamic data in real time. We also discovered the power of browser-side AI like Gemini Nano. It taught us how to create fast, secure, and seamless tools that work directly within the user’s browser—something that feels almost invisible but makes a huge impact.
Most importantly, we learned how technology can simplify everyday challenges in meaningful ways
What's next for MediGuide
We see MediGuide evolving into a comprehensive healthcare companion. The next step is introducing multilingual support, ensuring users from diverse backgrounds can access medicine information in their preferred language.
We also plan to integrate prescription compatibility features, helping users verify if a medicine aligns with their prescriptions. Real-time price comparisons across pharmacies and partnerships with trusted healthcare providers are on our roadmap to add even more value.
Beyond these features, we’re exploring ways to expand MediGuide’s reach, ensuring it becomes the go-to tool for anyone navigating online medicine shopping, no matter where they are in the world.
Log in or sign up for Devpost to join the conversation.