⚡ Medium Summarizer Chrome Extension

Summarize any Medium article instantly using AI — right from your browser popup.

This Chrome extension uses OpenRouter's LLM APIs to extract concise summaries in 3 modes:

• 💡 TLDR (1–2 line summary)
• 💥 Bullet Points (main ideas)
• 🔍 Highlight Mode (phrases emphasized and highlighted)

It’s powered by a Node.js backend proxy that securely handles API calls and keeps your OpenRouter key hidden.

---

✨ Features

Summarize Medium articles in one click
Choose between TLDR, Bullet, or Highlight modes
Live typing animation while generating summaries
Key phrases highlighted for quick scanning
Clean dark-themed UI
Backend-secured API access (OpenRouter)

---

🔧 Tech Stack

Layer	Technology
Frontend	Chrome Extension (Manifest v3), Vanilla JS, HTML, CSS
Backend	Node.js, Express.js, Axios, dotenv
AI Model	Meta LLaMA 3 via OpenRouter
Hosting	Render (backend proxy)

---

🚀 Getting Started

1. Clone the Repo

git clone https://github.com/yourusername/medium-summarizer-extension.git
cd medium-summarizer-extension

🔧 Backend Setup (Node Proxy)

Create a .env file in the root directory:

OPENROUTER_API_KEY=your_openrouter_key

Then install dependencies and run locally:

cd proxy
npm install
npm start

Or deploy to Render, Railway, or any cloud backend of your choice.

---

🧩 Load Extension in Chrome

1. Visit chrome://extensions/
2. Enable Developer Mode
3. Click "Load Unpacked"
4. Select the project folder (with manifest.json)

---

📸 Screenshots

Summary Mode	Screenshot
TLDR
Bullet Points
Highlight	Highlight Screenshot

---

🛡️ Security

• Your OpenRouter API key is never exposed to the frontend.
• All summarization requests are routed through your secure backend proxy.

---

🤝 Contributing

Pull requests welcome! For major changes, please open an issue first to discuss your idea.