ShopWise

Project Overview

Welcome to ShopWise, your one-stop tool for effortlessly comparing product prices across popular e-commerce websites like SnapDeal, Flipkart, eBay, and Croma. The project was built during the participation of DevQuest hackathon in IIT Jodhpur, 19th January 2024. This project is built with:

• NextJS for a robust frontend framework
• Selenium Web Driver for efficient web scraping

Features

• Multi-Platform Product Search: Seamlessly search for products across multiple supported platforms.
• Real-time Price Updates: Get the latest prices from various websites displayed in a single, user-friendly interface.
• Selenium Web Scraping: Utilizes Selenium Web Driver for accurate and efficient data extraction.
• Graphical Visualization: Enjoy interactive graphs that visualize price trends and comparisons.
• Savings Tracker: Keep track of your cumulative savings over time, making informed purchase decisions.
• E-mail Notification: Get notified whenever there's a drop in your price.

Installation

1. Clone the Repository:

git clone https://github.com/Shenron07/DevX_Devquest_IITJ

2. Install Dependencies:

npm install

3. Download and Configure Selenium WebDriver:

We have to install selenium-webdriver package and for doing this we simply have to run the following command.

npm install selenium-webdriver

We have to install a browser-specific webdriver and in this article series of web automation using selenium javascript, we will be automating and using chrome browser that’s why we will install chromedriver with the following command.

npm install chromedriver

4. Run the Application:

npm run dev

Visit http://localhost:3000 to access the ShopWise.

This is a Next.js project bootstrapped with create-next-app.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.js. The page auto-updates as you edit the file.

This project uses next/font to automatically optimize and load Inter, a custom Google Font.

Learn More

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.