product-sourcing-capture/docs/implementation-plan.md

Product Sourcing Capture MVP Implementation Plan

Goal: build a local browser-capture system for visible Xiaohongshu/Taobao/1688 product data.

Architecture: Node/Express local API stores captures in a JSON-backed repository, a React/Vite dashboard displays and manages items, and a Manifest V3 browser extension extracts visible page data and posts it to localhost. The extractor is DOM-heuristic based and only reads content already visible in the user's browser.

Tasks:

1. Create project scaffold with Vite, Express, Vitest, and extension folders.
2. Write tests for platform detection, price parsing, DOM extraction, scoring, and storage.
3. Implement shared extractor and scoring utilities.
4. Implement local API and JSON persistence.
5. Implement React dashboard for item library, filters, detail review, export, and extension install guidance.
6. Implement browser extension popup/content script/background.
7. Run tests, build, start server, and verify the app page.