Make It Simple - Chrome Extension

A Chrome extension that summarizes web page content into easy-to-follow steps using Google's Gemini API.

MVP Features

• Extract content from the current web page
• Send content to Gemini API for summarization
• Display summarized content in an easy-to-read format with proper steps
• User authentication with Google Gemini API key

Tech Stack

• React + TypeScript
• Tailwind CSS for styling
• Google Gemini API

Development Setup

Prerequisites

• Node.js and npm/bun installed
• Google Gemini API key

Installation

1. Clone this repository
2. Install dependencies:

bun install

3. Create .env file and add your Gemini API key:

VITE_GEMINI_API_KEY=your_api_key_here

Development

Run the development server:

bun run dev

Building the Extension

Build the extension:

bun run build

How It Works

1. User clicks the extension icon in Chrome
2. Extension popup opens
3. If no API key is saved, user is prompted to enter their Gemini API key
4. Extension extracts the content from the current page
5. Content is sent to Gemini API with a prompt to summarize into clear steps
6. Summarized content is displayed to the user in the popup