🕷️ Web Scraper Dashboard

A modern Web Scraping Dashboard that extracts product data and displays it in an interactive interface.
This project demonstrates how web scraping, data processing, and visualization can be implemented using modern web technologies.

---

🚀 Features

• Scrapes product information from structured pages
• Extracts key data such as:
  • Product Name
  • Category
  • Price
  • Rating
  • Availability
• Displays scraped data in a clean dashboard
• Tracks scraping progress
• Responsive user interface
• Fast client-side processing using JavaScript

---

🛠 Technologies Used

• HTML5
• CSS3
• JavaScript
• GitHub Pages (Deployment)

---

▶ Live Demo

You can view the project here:

🔗 https://rohanrathodonline.github.io/Web-Scraper/

---

💻 How to Run the Project

1️⃣ Clone the Repository

git clone https://github.com/rohanrathodonline/Web-Scraper.git

---

2️⃣ Navigate to the Folder

cd Web-Scraper

---

3️⃣ Open the Project

Simply open:

index.html

in your browser.

No installation or server setup is required.

---

⚙️ How the Scraper Works

1. The dashboard loads predefined product pages.
2. JavaScript scans the HTML structure.
3. Relevant product data is extracted.
4. The data is stored in arrays.
5. The interface dynamically displays the scraped results.
6. Users can analyze the collected information.

---

📊 Example Output

----------------------------------
   WEB SCRAPER DASHBOARD
----------------------------------

Product Name: Wireless Headphones
Category: Electronics
Price: $59.99
Rating: 4.5
Availability: In Stock

Product Name: Running Shoes
Category: Sports
Price: $79.99
Rating: 4.3
Availability: In Stock

---

📁 Project Structure

Web-Scraper
│
├── index.html
├── styles.css
├── script.js
└── README.md

---

📚 Learning Outcomes

Through this project, I learned:

• Web scraping fundamentals
• DOM parsing and data extraction
• Handling structured data in JavaScript
• Building interactive dashboards
• Deploying projects using GitHub Pages

---

🔮 Future Improvements

• Add backend scraping with Python (BeautifulSoup)
• Store data in a database
• Export scraped data as CSV or Excel
• Add data visualization charts
• Implement real-time scraping

---

👨‍💻 Author

Rohan Rathod

GitHub:
https://github.com/rohanrathodonline

---

⭐ If you like this project, consider starring the repository.