AO3 Chrome Extension

A powerful Chrome extension that enhances your Archive of Our Own (AO3) reading experience with AI-powered recommendations, custom themes, and comprehensive reading statistics.

--- [](https://dsc.community.dev/vellore-institute-of-technology/) [](https://discord.gg/498KVdSKWR)

Features

• AI-powered fanfiction recommendations based on reading history
• Custom themes with dark mode support
• Advanced tag filtering and search capabilities
• Reading statistics tracking
• Smart bookmark organization
• Reading progress tracker
• Enhanced user interface
• Cross-device sync for preferences

Dependencies

• React 18.3.1
• Vite 5.3.4
• Axios 1.7.9
• Framer Motion 11.15.0
• React Router DOM 6.25.1
• TailwindCSS 3.4.10
• React Icons 5.3.0
• Lucide React 0.428.0

Running

Prerequisites

• Node.js (v14 or higher)
• Google Chrome browser

Installation Steps

1. Clone the repository

git clone https://github.com/GDSCVIT/ao3-extension.git
cd ao3-extension

2. Install dependencies

npm install

3. Build the extension

npm run build

4. Load the extension in Chrome:

• Open Chrome and navigate to chrome://extensions/
• Enable "Developer mode" in the top right corner
• Click "Load unpacked"
• Select the dist folder that was created during the build process

Checkout the frontend and backend here:

• Frontend
• Backend and ML

Contributors

Nitin Kumar Pandey Extension and Website

Varshith Kumar Backend

Dipit Madan Machine Learning