Skip to content

yanko/amz-chart-extractor

Repository files navigation

Amazon Clipboard & Cart Manager

A powerful Chrome Extension that streamlines your Amazon shopping workflow by acting as a smart clipboard manager for product links.

Extension Preview

🚀 What it does

This extension bridges the gap between finding products and buying them. It automatically detects when you copy Amazon product links and organizes them into a visual dashboard.

Key Features:

  • 📋 Clipboard Manager: Automatically captures Amazon links (/dp/, /gp/product/) from your clipboard.
  • 🖼️ Visual Dashboard: View your collected items in a rich grid layout, complete with Product Images, Titles, and Prices.
  • 🛒 Cart Integration: Go to your Amazon Cart page to see the "Add X Items to Cart" button. It handles the add-to-cart process for you!
  • 📱 Accessibility: Access your list via:
    • Side Panel: Persistent list while you browse.
    • Popup: Quick compact view.
    • Options Page: Full-screen dashboard.
    • New Tab (Optional): Turn your New Tab into your shopping dashboard.
  • 🌗 Theming: Full support for Dark Mode and Light Mode based on your system settings.

🛠️ Installation & Development

Prerequisites

  • Node.js (v14 or higher)
  • npm or yarn

Setup

  1. Clone the repository.
  2. Install dependencies:
    npm install
  3. Start the development server (hot-reload):
    npm run dev

📦 How to Deploy on Chrome

To install this extension in your Chrome browser:

  1. Build the Project: Generates the production-ready code in the build folder.

    npm run build
  2. Open Chrome Extensions:

    • Open Chrome.
    • Navigate to chrome://extensions.
  3. Enable Developer Mode:

    • Toggle the Developer mode switch in the top-right corner.
  4. Load Unpacked:

    • Click the Load unpacked button (top-left).
    • Select the build directory inside your project folder.
  5. Done!

    • The extension is now installed. Pin it to your toolbar for easy access!

🧩 Extension Pages

  • Popup: Click the extension icon in the toolbar.
  • Side Panel: Click the Side Panel icon in Chrome and select "Amazon Chart Extractor".
  • Options: Right-click the extension icon > Options.
  • New Tab: Open a new tab (Enable/Disable this in Options).

Generated by create-chrome-ext

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published