React Affiliate Coupon Component

I need a self-contained JSX file that I can drop straight into my React app. Once imported, the component must fetch and display live affiliate discount coupons and related products from six brands—Shein, Temu, Trendyol, Zara, C&A, and Amazon—and handle the tracking links so I earn the commission whenever a user purchases through my site.

Core behaviour
• Data / API handling: you will identify or configure the required affiliate or public APIs (or approved feeds) for every brand and wire them up inside the component.
• Display: render the offers in a clean, responsive grid or list that looks good on mobile, tablet, and desktop. Feel free to start from an off-the-shelf React template or UI library; no custom design work from me.
• Search & filter:
– Free-text search across product name and category, plus country.
– Brand and price range filters.
– Default sorting by “newly added”, with optional price sorting.
• Commission tracking: the outbound links must preserve the affiliate IDs so the sales are attributed correctly.
• Single-file drop-in: component, styles, and helper hooks bundled in one importable file (or clearly documented if a small helper file is unavoidable).
• Deadline: four calendar days from project start.

Deliverables
1. The ready-to-use React component file.
2. Brief README covering installation, any required environment variables (API keys, affiliate IDs), and how to customise the template theme if needed.
3. Short screencast or GIF showing the component in action to confirm functionality.

I value clean, well-commented code (TypeScript welcome but not required) and quick communication during the four-day window. Let me know any dependencies up front so we can agree before you start.