Skip to content

A minimal Chrome Extension built with React, TypeScript, and Vite that uses OpenAI's GPT API to summarize article content on the current page.

Notifications You must be signed in to change notification settings

sudogoth/AI-Content-Summarizer

 
 

Repository files navigation

🧠 Chrome Article Summarizer

A minimal Chrome Extension built with React, TypeScript, and Vite that uses OpenAI's GPT API to summarize article content on the current page. This is the simple version — simple, fast, and focused.

image


🚀 Features

  • 🧩 Chrome Extension popup interface
  • 🔗 Automatically grabs the current page content
  • 🤖 Summarizes using OpenAI's GPT-3.5 API
  • ⚡️ Fast build with Vite + TypeScript + React
  • 🧪 Local development support with .env config

🛠 Tech Stack

  • React + TypeScript
  • Vite
  • Chrome Extension (Manifest v3)
  • OpenAI API (GPT-3.5 Turbo)

📦 Installation

git clone https://github.com/your-username/your-repo.git
cd your-repo
npm install

🔐 Setup API Key

Create a .env file in the root:

VITE_OPENAI_API_KEY=your_openai_key_here

Make sure this file is in your .gitignore and is never committed.

🧪 Run in Development

npm run dev

🛠 Build for Chrome

npm run build

🧠 How It Works

  • The content script scrapes the article text from the current tab
  • The popup sends that text to the OpenAI API
  • GPT-3.5 returns a short summary
  • The summary is shown inside the extension popup

🤝 Contributing

This project is public for educational purposes.
Feel free to fork and play around — PRs not accepted at this time.

About

A minimal Chrome Extension built with React, TypeScript, and Vite that uses OpenAI's GPT API to summarize article content on the current page.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 94.7%
  • HTML 5.3%