💰 RemindMe

A Chrome extension that reminds you to use cashback and coupon sites while shopping online.

Popup Preview

Content
🌐 Shopping Site Detected! [✕]
💰 Remember to use:
💳 Cashback.co.il
🏷️ ali-buy.com/aliexpress-coupons/
🔐 Aliexpress portals (Incognito)

How It Works

User browses web
        ↓
🔍 Extension detects URL
        ↓
    Shopping site?
     ↙         ↘
   YES         NO
    ↓           ↓
  🟢 Icon    🟡 Icon
  turns      turns
  GREEN      YELLOW
    ↓           ↓
  💬 Popup    (dormant)
  appears
    ↓
User clicks link
    ↓
Opens in new tab
(or incognito for portals)

Features

🎯 Auto-Detection — Detects when you visit shopping sites and automatically shows a reminder popup

💰 Cashback Links — Quick access to:

• Cashback.co.il
• ali-buy.com/aliexpress-coupons/
• AliExpress Portals (opens in incognito mode)

🎨 Visual Indicator — Icon changes color:

• 🟢 Green — On shopping sites (reminder active)
• 🟡 Yellow — On other sites (dormant)

🔔 Blinking Header — Eye-catching animated reminder

⏬ Compact Design — Fixed-size sidebar popup, doesn't obstruct browsing

Visual Feature Overview

Feature	Icon	Description
Shopping Detection	🎯	Automatically detects shopping sites
Icon Indicator	🟢🟡	Green = active, Yellow = dormant
Popup Reminder	💬	Auto-opens compact sidebar on right
Quick Links	🔗	One-click access to cashback sites
Incognito Mode	🔐	AliExpress portals open privately
Easy Close	✕	Close popup with single click
Reopen	🔔	Click icon to show popup again
No Bloat	⚡	Lightweight, zero dependencies

Icon States

🟡 YELLOW              🟢 GREEN
(Default)              (Shopping Site)
└─ Other websites      └─ Amazon, AliExpress, etc.
└─ No popup shown      └─ Popup auto-opens

Supported Sites

Shopping Sites

• Amazon (all regions)
• AliExpress (all regions)
• eBay (all regions)
• Walmart
• Target
• Best Buy
• Etsy
• Wish
• Gearbest
• Banggood

Travel & Booking Sites

• Booking.com
• Expedia
• Airbnb
• Trivago

Installation

From Source (Development)

1. Clone this repo:

   git clone https://github.com/yourusername/RemindMe.git
   cd RemindMe

2. Open Chrome and go to chrome://extensions

3. Enable Developer mode (toggle in top-right)

4. Click Load unpacked and select the RemindMe folder

5. Extension loads! Icon appears in toolbar

Usage

1. Visit any supported shopping site
2. Green icon appears + sidebar pops up on right
3. Click links to access cashback/coupon sites
4. Click ✕ to close popup (can reopen by clicking icon)
5. Visit non-shopping sites → icon turns yellow, no popup

File Structure

RemindMe/
├── manifest.json          # Extension config (Manifest V3)
├── background.js          # Handles icon switching & popup toggle
├── content-script.js      # Detects shopping sites, injects sidebar
├── popup.css              # Sidebar styling & animations
├── icons/
│   ├── icon-yellow-16.png
│   ├── icon-yellow-48.png
│   ├── icon-yellow-128.png
│   ├── icon-green-16.png
│   ├── icon-green-48.png
│   └── icon-green-128.png
├── LICENSE                # MIT License
└── README.md              # This file

Architecture

Component	Icon	Purpose
manifest.json	📋	Defines extension config & permissions
background.js	🔧	Icon switching & popup toggle logic
content-script.js	📄	Detects shopping sites & injects sidebar
popup.css	🎨	Styles & animations for sidebar
icons/	🖼️	Yellow/Green indicator icons

Tech Stack

• Manifest V3 — Latest Chrome extension standard
• Vanilla JavaScript — No dependencies or frameworks
• CSS3 — Animations, flexbox, gradients
• Chrome APIs — tabs, windows, runtime, storage, action

Contributing

Contributions welcome! Feel free to:

• Add more shopping sites
• Improve UI/UX
• Fix bugs
• Suggest features

License

MIT License — See LICENSE file for details

Support

Found a bug? Have a suggestion? Open an issue