In this hands-on tutorial, you'll learn how to create a fully functional Amazon-like web store that dynamically fetches real product data from Amazon using web scraping. We'll use Angular 19 and the PrimeNG framework to build an interactive and responsive UI.
🔹 What You’ll Learn:
✅ Scrape real product data from Amazon
✅ Display the scraped data in a dynamic UI using Angular 19
✅ Style and enhance the UI with PrimeNG components
✅ Handle data updates efficiently
💻 Source Code:
👉 GitHub Repository: git@github.com:ali-bouali/amazon-clone-we-scraping.git
🎁 Exclusive Discount:
Get 35% OFF on SmartProxy tools with this coupon code: BOUALI35
Web Scraping link: https://smartproxy.pxf.io/EEJMND
🔔 Don't forget to like, subscribe, and hit the notification bell to stay updated with more powerful tutorials! 🚀
Table of content
00:00 Intro
03:54 Creating the Angular project
10:47 SmartProxy UI and purchasing the eCommerce web scraper API
19:07 Exploring the Web scraper API Response
30:34 Creating the response model
37:16 Create the toolbar component
43:23 Create the product card component
58:44 Create the product list component
01:01:06 Display the scraped data
01:06:33 Try out the application and observe the dashboard
01:11:35 Outro & what comes next