Clone Amazon Product Display
Budget / SalaryHourly project
TypeFreelance project
LocationRemote
Posted1 hour ago
I need a front-end that visually and functionally mirrors Amazon’s product display pages so I can drop it into my own e-commerce stack. The goal is to replicate the familiar Amazon layout—image gallery, variations selector, pricing area, “Add to Cart” section, and tabbed product details—while keeping the code clean, modular, and easy for my back-end team to integrate with our existing APIs.
Preferred tools are React (Next.js is fine), TypeScript, and a lightweight styling framework such as Tailwind or Bootstrap, but I’m open to alternatives if you can justify the choice. The component structure must be reusable so future product types or design tweaks can be slotted in with minimal refactoring. I’ll supply sample JSON for products; you handle state management, data binding, and full responsiveness down to mobile.
Deliverables
• Complete source code with clear file structure
• One demo page wired to my sample JSON feed
• Brief setup instructions (README) and notes on how to swap in a real API later
Acceptance criteria
1. Layout and behaviour closely match Amazon’s product page on desktop and mobile.
2. All core UI elements—image carousel, variation picker, pricing, quantity, “Add to Cart”—work end-to-end with sample data.
3. Code passes a quick Lighthouse audit (performance & accessibility scores ≥ 90).
If you have recent e-commerce UI work, share a link or repo so I can gauge fit. Let’s get this running smoothly and quickly.
Preferred tools are React (Next.js is fine), TypeScript, and a lightweight styling framework such as Tailwind or Bootstrap, but I’m open to alternatives if you can justify the choice. The component structure must be reusable so future product types or design tweaks can be slotted in with minimal refactoring. I’ll supply sample JSON for products; you handle state management, data binding, and full responsiveness down to mobile.
Deliverables
• Complete source code with clear file structure
• One demo page wired to my sample JSON feed
• Brief setup instructions (README) and notes on how to swap in a real API later
Acceptance criteria
1. Layout and behaviour closely match Amazon’s product page on desktop and mobile.
2. All core UI elements—image carousel, variation picker, pricing, quantity, “Add to Cart”—work end-to-end with sample data.
3. Code passes a quick Lighthouse audit (performance & accessibility scores ≥ 90).
If you have recent e-commerce UI work, share a link or repo so I can gauge fit. Let’s get this running smoothly and quickly.
Apply on Freelancer →
Project sourced from Freelancer.com. Applications happen directly on the original platform — we never collect your data.