From Code to Vision: How Amazon Q Helped Me Build the AI Medicine Analyzer

Er Sumit — Sat, 10 May 2025 14:43:30 +0000

This is a submission for the Amazon Q Developer "Quack The Code" Challenge: Exploring the Possibilities

🧠 What I Built

I built AI Medicine Analyzer — a web app that simplifies how people understand their medications by letting them ask natural-language questions and get instant AI-powered answers.

This project represents an unexpected and innovative use of Amazon Q Developer. While Amazon Q is typically used for improving productivity during development, I used it to rapidly ideate, build, and enhance an AI-powered health tech tool. It’s a practical healthcare utility powered by modern web tech and LLMs, demonstrating that Amazon Q can be a catalyst for meaningful, real-world innovation — even in domains like digital medicine and patient education.

🎥 Demo

🔗 Live Demo on Netflify

You can search any medicine name (e.g., "Paracetamol"), and the app will fetch structured data and allow follow-up questions like:

“What are the side effects?”
“Is it safe for pregnant women?”
“Can it be taken with Ibuprofen?”

Here are the screenshots of the chat interface:

💻 Code Repository

🔗 GitHub Repo

The app is built with:

React + Vite
Framer Motion
Tailwind CSS
Google’s Generative AI API
Amazon Q Developer (CLI & VS Code Extension)

⚙️ How I Used Amazon Q Developer

I used the Amazon Q Developer VS Code extension extensively throughout development. Here's how it helped at every stage:

🚀 Rapid Component Generation

Amazon Q helped scaffold my React app components quickly — from form UIs to API wrappers. This saved a lot of boilerplate time and let me focus on core functionality.

💡 Tip: When generating boilerplate or reusable code, be specific with your prompt. For example:

"Create a React component with a Tailwind-styled search bar and result list."

🧠 Real-time Debugging and Optimization

I leveraged Q to inspect confusing bugs, async issues, and even logic errors in the quiz module. It understood my code context inside VS Code and guided me to the fix instantly.

💡 Tip: Use inline Q chat on specific functions or files — it's smarter than just copy-pasting errors.

✨ Code Refactoring & Enhancements

Amazon Q suggested optimized implementations for custom hooks, modularized my data-fetching logic, and offered more performant code patterns — helping me clean up spaghetti code.

💡 Tip: Ask Q to refactor messy code blocks. Example:

"Refactor this useEffect with better async pattern and error handling."

📘 Learning Use Case

Amazon Q felt like pairing with a senior developer. I asked it UX-related questions too — like improving the quiz result interface — and it gave both logic suggestions and UI advice.

💡 Tip: Don’t limit Q to “just code” — use it to ask architectural, UX, or even API strategy questions.

🛠️ CLI + IDE Combo Power

I also tried the Amazon Q CLI in terminal for exploring available commands and streamlining workflows. It was handy when working outside the IDE or reviewing repo history.

🎯 What's Next & Final Thoughts

Working on this project with Amazon Q Developer has been a super productive and genuinely fun experience. It felt like having an AI pair programmer who understands not only your code but also your intent.

I'm excited to take AI Medicine Analyzer to the next level by expanding it into:

Prescription image analysis
X-ray and radiology image understanding
Plant disease identification using image input
And even more domain-specific AI models

This challenge was more than just a submission — it sparked a product vision I genuinely want to build out further.

👥 Team

This was a solo submission by me, @sumitkcs.

AI Medicine Analyzer – Diagnose Medicines Smarter with Amazon Q

Er Sumit — Tue, 06 May 2025 08:05:22 +0000

This is a submission for the Amazon Q Developer "Quack The Code" Challenge: Crushing the Command Line

What I Built

I created AI Medicine Analyzer, an intelligent web app that helps users analyze medications using the power of AI. It allows users to type in the name of any medicine and receive:

A clear, structured breakdown of its uses, dosage, side effects, precautions, and interactions.
AI-powered analysis in natural language, accessible to non-medical users.
A dynamic, chat-like interface that feels intuitive and fast.

The problem it solves: many patients struggle to understand complex medication instructions or identify drug interactions. This app simplifies that process using LLMs and brings trustworthy drug information to users' fingertips.

Demo

Try the live app here: https://medilyze.netlify.app
(Hosted on Netlify for fast global access.)

Here are the screenshots of the chat interface:

Code Repository

You can explore the full source code here: GitHub

How I Used Amazon Q Developer

To align with the Amazon Q Developer Challenge, I explored how Amazon Q could enhance the intelligence and automation of the medicine analyzer:

I used Amazon Q's code generation and task breakdown capabilities during development to refactor components and set up Google Genai API routes efficiently.
Q helped in identifying the best way to implement an input pipeline for medicine prompts and how to structure the React components dynamically.
I plan to integrate Amazon Q directly into the medicine explanation engine to replace the current LLM with a more secure, AWS-native option (via Bedrock or Q APIs).

Tips:

Amazon Q is great at turning vague tasks into code stubs quickly, which saved time especially when setting up Framer Motion and Tailwind utilities.
Use Q's "Ask to Refactor" and "Add Tests" features — they work well for React code and keep things clean.

This was a solo project by @sumitkcs

Future Enhancements

Integrate streaming AI responses for real-time feedback.
Add medicine interaction checker to detect potential conflicts.
Replace GenAI with Amazon Q for direct LLM inference via AWS Bedrock.
HIPAA-compliant version for enterprise-grade, privacy-first deployments.
Image support:
- Upload and analyze medical reports, X-rays, and prescriptions.
- AI will extract structured insights (e.g., detect abnormalities in scans or parse handwriting on prescriptions).

DEV Community: Er Sumit