- Add .gitignore to exclude node_modules, dist, logs, and system files - Add comprehensive project documentation including README, deployment guide, and development setup - Add .kiro project specifications for amazon-product-bar-extension, appwrite-cloud-storage, appwrite-userid-repair, blacklist-feature, and enhanced-item-management - Add .kiro steering documents for product, structure, styling, and tech guidelines - Add VSCode settings configuration for consistent development environment - Add manifest.json and babel/vite configuration for extension build setup - Add complete source code implementation including AppWrite integration, storage managers, UI components, and services - Add comprehensive test suite with Jest configuration and 30+ test files covering all major modules - Add test HTML files for integration testing and validation - Add coverage reports and build validation scripts - Add AppWrite setup and repair documentation for database schema management - Add migration guides and responsive accessibility implementation documentation - Establish foundation for Amazon product bar extension with full feature set including blacklist management, enhanced item workflows, and real-time synchronization
28 lines
1.4 KiB
Markdown
28 lines
1.4 KiB
Markdown
# Amazon Product Bar Extension
|
|
|
|
A Chrome extension that enhances Amazon search results with an interactive product management system. The extension adds a product bar below each product image and provides a sophisticated menu system for managing saved items, blacklists, and AI-powered features.
|
|
|
|
## Core Features
|
|
|
|
- **Product Bar Integration**: Automatically injects product bars below Amazon product images on search result pages
|
|
- **StaggeredMenu**: Animated React-based navigation menu with GSAP animations
|
|
- **Enhanced Item Management**: AI-powered product title suggestions using Mistral AI
|
|
- **Blacklist System**: Brand-based filtering with visual indicators
|
|
- **Settings Panel**: Configuration for API keys and user preferences
|
|
- **Cross-tab Synchronization**: Real-time updates across browser tabs
|
|
- **Accessibility**: WCAG-compliant interface with proper ARIA labels
|
|
- **Responsive Design**: Works across different screen sizes and Amazon layouts
|
|
|
|
## Target Platforms
|
|
|
|
- Amazon domains: .com, .de, .co.uk, .fr, .it, .es
|
|
- Chrome Extension Manifest V3
|
|
- Modern browsers with ES6+ support
|
|
|
|
## User Workflow
|
|
|
|
1. User navigates to Amazon search results
|
|
2. Extension automatically detects product cards and injects product bars
|
|
3. User can access the StaggeredMenu to manage items, blacklists, and settings
|
|
4. AI-powered features enhance product titles and provide intelligent suggestions
|
|
5. Real-time synchronization keeps data consistent across tabs |