{"id":27443017,"url":"https://github.com/abhaysingh71/ai-web-reader-chatbot-extention","last_synced_at":"2026-04-09T23:35:21.305Z","repository":{"id":287381783,"uuid":"961819856","full_name":"AbhaySingh71/AI-Web-Reader-Chatbot-Extention","owner":"AbhaySingh71","description":"AI-Web-Reader-Chatbot-Extension is a smart Chrome extension that lets you interact with any webpage using AI. It scrapes and analyzes the content of the current website and answers your questions in real time. Powered by advanced language models, it delivers accurate and concise answers based only on the page content.","archived":false,"fork":false,"pushed_at":"2025-04-12T10:58:01.000Z","size":1358,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-15T01:18:10.282Z","etag":null,"topics":["ai-assistant","beautifulsoup","browser-extension","chatbot","chrome-extension","data-science","flask-api","gemeni-api","javascript","langchain","large-language-models","natural-language-processing","python","selenium","web-ai","webscrapping"],"latest_commit_sha":null,"homepage":"","language":"Python","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/AbhaySingh71.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-04-07T08:06:07.000Z","updated_at":"2025-04-12T10:58:04.000Z","dependencies_parsed_at":"2025-04-11T13:26:55.289Z","dependency_job_id":null,"html_url":"https://github.com/AbhaySingh71/AI-Web-Reader-Chatbot-Extention","commit_stats":null,"previous_names":["abhaysingh71/ai-web-reader-chatbot-extention"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AbhaySingh71%2FAI-Web-Reader-Chatbot-Extention","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AbhaySingh71%2FAI-Web-Reader-Chatbot-Extention/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AbhaySingh71%2FAI-Web-Reader-Chatbot-Extention/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AbhaySingh71%2FAI-Web-Reader-Chatbot-Extention/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/AbhaySingh71","download_url":"https://codeload.github.com/AbhaySingh71/AI-Web-Reader-Chatbot-Extention/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248986312,"owners_count":21194025,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["ai-assistant","beautifulsoup","browser-extension","chatbot","chrome-extension","data-science","flask-api","gemeni-api","javascript","langchain","large-language-models","natural-language-processing","python","selenium","web-ai","webscrapping"],"created_at":"2025-04-15T01:18:21.879Z","updated_at":"2025-10-15T17:56:41.588Z","avatar_url":"https://github.com/AbhaySingh71.png","language":"Python","funding_links":[],"categories":[],"sub_categories":[],"readme":"  \u003ch1\u003e🧠 AI Web Reader Chatbot Extension\u003c/h1\u003e\n  \u003cp\u003e\n  A Chrome Extension that scrapes webpage content and uses \u003cstrong\u003eGoogle Gemini 2.0 Flash\u003c/strong\u003e via \u003cstrong\u003eLangChain\u003c/strong\u003e to intelligently answer user questions based on the current page content.\n\u003c/p\u003e\n\n\u003cp\u003e\n  It supports smart webpage parsing using \u003ccode\u003eBeautifulSoup\u003c/code\u003e, \u003ccode\u003eLangChain WebBaseLoader\u003c/code\u003e, and \u003ccode\u003eSeleniumURLLoader\u003c/code\u003e — making it highly versatile for both static and JavaScript-heavy websites. Ideal for product pages, portfolio sites, news articles, blog summaries, and more.\n\u003c/p\u003e\n\n  \u003chr\u003e\n\n![ChatGPT Image May 12, 2025, 09_39_58 PM](https://github.com/user-attachments/assets/9e0460d0-f486-4d9e-b0b1-79bc30187035)\n\n\n\nhttps://github.com/user-attachments/assets/a9931e11-671e-4ec3-9354-cb091389fa0f\n\n\n  \u003ch2\u003e📸 Demo Preview\u003c/h2\u003e\n  \n  | ![Screenshot 1](assets/photo1.png) | ![Screenshot 2](assets/photo2.png) | \n  |---------------------------------|---------------------------------|  \n  \u003chr\u003e\n\n  \u003ch2\u003e💡 Features\u003c/h2\u003e\n\u003cul\u003e\n  \u003cli\u003e✅ Chrome Extension UI\u003c/li\u003e\n  \u003cli\u003e✅ Scrapes and analyzes live webpage content using BeautifulSoup\u003c/li\u003e\n  \u003cli\u003e✅ Supports both static and dynamic pages via \u003ccode\u003eWebBaseLoader\u003c/code\u003e and \u003ccode\u003eSeleniumURLLoader\u003c/code\u003e\u003c/li\u003e\n  \u003cli\u003e✅ Uses LangChain with \u003ccode\u003egemini-2.0-flash\u003c/code\u003e for blazing fast, contextual responses\u003c/li\u003e\n  \u003cli\u003e✅ Answers questions intelligently based on current webpage context\u003c/li\u003e\n  \u003cli\u003e✅ Secure Gemini API key using \u003ccode\u003e.env\u003c/code\u003e\u003c/li\u003e\n  \u003cli\u003e✅ Clean, modular Flask backend\u003c/li\u003e\n\u003c/ul\u003e\n\n  \u003chr\u003e\n\n  \u003ch2\u003e📁 Project Structure\u003c/h2\u003e\n  \u003cpre\u003e\u003ccode\u003e\nAI_Web_Reader_Extension/\n│\n├── Backend/               # Flask API for Gemini\n│   └── app.py             # Main backend logic\n├── popup.html             # Extension popup UI\n├── popup.js               # Frontend logic for chat\n├── manifest.json          # Chrome Extension manifest\n├── content.js             # content script\n├── background.js          # background logic\n├── .env                   # Contains API key (not pushed)\n├── .gitignore             # Ignores venv, .env, logs\n├── requirements.txt       # Python dependencies\n└── README.md              # You're reading it!\n  \u003c/code\u003e\u003c/pre\u003e\n\n  \u003chr\u003e\n\n  \u003ch2\u003e🚀 How to Run\u003c/h2\u003e\n\n  \u003ch3\u003e🧪 1. Backend Setup\u003c/h3\u003e\n  \u003cpre\u003e\u003ccode\u003e\ngit clone https://github.com/AbhaySingh71/AI-Web-Reader-Chatbot-Extention.git\ncd AI-Web-Reader-Chatbot-Extention\n\n# Create virtual environment\npython -m venv venv\nvenv\\Scripts\\activate  # or source venv/bin/activate (Linux/mac)\n\n# Install dependencies\npip install -r requirements.txt\n  \u003c/code\u003e\u003c/pre\u003e\n\n  \u003ch3\u003e🔑 2. Create \u003ccode\u003e.env\u003c/code\u003e file\u003c/h3\u003e\n  \u003cpre\u003e\u003ccode\u003e\nGOOGLE_API_KEY=your_gemini_api_key_here\nUSER_AGENT=ai-web-reader-bot\n  \u003c/code\u003e\u003c/pre\u003e\n\n  \u003cp\u003eYou can get your Gemini API key from: \u003ca href=\"https://makersuite.google.com/app/apikey\" target=\"_blank\"\u003ehttps://makersuite.google.com/app/apikey\u003c/a\u003e\u003c/p\u003e\n\n  \u003ch3\u003e⚙️ 3. Run the Flask server\u003c/h3\u003e\n  \u003cpre\u003e\u003ccode\u003epython app.py\u003c/code\u003e\u003c/pre\u003e\n\n  \u003ch3\u003e🧩 4. Load Chrome Extension\u003c/h3\u003e\n  \u003col\u003e\n    \u003cli\u003eGo to \u003ccode\u003echrome://extensions/\u003c/code\u003e\u003c/li\u003e\n    \u003cli\u003eEnable \u003cstrong\u003eDeveloper Mode\u003c/strong\u003e\u003c/li\u003e\n    \u003cli\u003eClick \u003cstrong\u003eLoad Unpacked\u003c/strong\u003e\u003c/li\u003e\n    \u003cli\u003eSelect your project folder\u003c/li\u003e\n  \u003c/ol\u003e\n\n  \u003chr\u003e\n\n  \u003ch2\u003e💻 Technologies Used\u003c/h2\u003e\n  \u003cul\u003e\n  \u003cli\u003e🧠 Google Gemini 2.0 Flash (via \u003ccode\u003egoogle-generativeai\u003c/code\u003e)\u003c/li\u003e\n  \u003cli\u003e🔗 LangChain\u003c/li\u003e\n  \u003cli\u003e🌐 BeautifulSoup\u003c/li\u003e\n  \u003cli\u003e🕹️ LangChain WebBaseLoader\u003c/li\u003e\n  \u003cli\u003e📸 LangChain SeleniumURLLoader\u003c/li\u003e\n  \u003cli\u003e🧪 Flask\u003c/li\u003e\n  \u003cli\u003e🎨 HTML, CSS, JavaScript (Chrome Extension)\u003c/li\u003e\n\u003c/ul\u003e\n\n  \u003chr\u003e\n\n  \u003ch2\u003e🔐 Security\u003c/h2\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ccode\u003e.env\u003c/code\u003e is \u003cstrong\u003enot pushed to GitHub\u003c/strong\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ccode\u003evenv/\u003c/code\u003e, \u003ccode\u003e.pyc\u003c/code\u003e, and logs are \u003cstrong\u003eignored\u003c/strong\u003e\u003c/li\u003e\n    \u003cli\u003eOnly \u003ccode\u003erequirements.txt\u003c/code\u003e is tracked for clean dependency install\u003c/li\u003e\n  \u003c/ul\u003e\n\n  \u003chr\u003e\n\n  \u003ch2\u003e📣 Credits\u003c/h2\u003e\n\u003cp\u003e\n  Built with ❤️ by \u003ca href=\"https://github.com/AbhaySingh71\" target=\"_blank\"\u003eAbhay Singh\u003c/a\u003e\u003cbr\u003e\n  Powered by Google Gemini, LangChain\n\u003c/p\u003e\n  \u003chr\u003e\n\u003c/body\u003e\n\u003c/html\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fabhaysingh71%2Fai-web-reader-chatbot-extention","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fabhaysingh71%2Fai-web-reader-chatbot-extention","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fabhaysingh71%2Fai-web-reader-chatbot-extention/lists"}