Capstone_project

🛒 Price Comparison Website

Welcome to our Price Comparison Platform!
The goal is to help you find the best deals on products across multiple online stores. With a user-friendly interface, language support, and an intelligent chatbot assistant, we make shopping for the best price as easy and seamless as possible!

🌟 Features

1. Compare Prices Across Multiple Sites

Quickly browse products and compare prices from multiple online vendors, all in one place.
Best Deal Recommendation: Our platform automatically highlights the best deals based on price and value.

2. Interactive Chatbot Assistant

Ask questions directly in our chat interface, and our assistant will provide:
- Product information: Quick details about the products available.
- Best Deal Recommendations: Links to the site offering the best price.
Multilingual Support: The chatbot can communicate in multiple languages, making it easier for international users to access information.

3. Product Browsing by Category

Organized sections for Men, Women, Electronics, and more.
Each product has images, descriptions, and prices for an at-a-glance view.

4. Clean & Responsive Design

Optimized for desktop and mobile viewing, ensuring that you can compare prices on any device, anytime.
Easy navigation for smooth user experience.

🚀 Getting Started

Follow these steps to set up and run the project locally:

Prerequisites

Node.js and npm installed (for running the backend server)
Basic knowledge of HTML, CSS, and JavaScript for frontend customization

Installation

Clone the Repository

git clone https://github.com/yourusername/price-comparison-website.git
cd price-comparison-website

Install Dependencies
```
npm install
```
Run the Server
```
npm start
```
Visit the Website
- Open your browser and go to https://chebem.github.io/Capstone_project/

💻 How to Use the Website

Browse Products: Start by navigating through different categories to find products you’re interested in.
Compare Prices: Click on a product to view price comparisons from multiple sites.
Chat with the Assistant: Use the chatbot to get product recommendations, find the best deals, or answer any questions about availability and prices.
Switch Languages: Choose your preferred language in the chat to make it easier to navigate and understand the information.

📂 Project Structure

index.html - The main landing page of the website.
compare_price.html - Page dedicated to listing price comparisons for a specific product.
action.html, c-market.html, 21st_Street.html, copang.html - Individual product pages with detailed descriptions, prices, and links to purchase.
style.css - CSS styling for a consistent and user-friendly interface.
script.js - JavaScript for chatbot functionality and interactive elements.

📚 Technologies Used

HTML, CSS, JavaScript for the frontend.
Node.js and Express for the backend.
Google Cloud Translation API (optional) for multilingual support in the chatbot.

🌐 Live Demo

You can try the live version here.

🤖 Future Enhancements

User Reviews: Allow users to review and rate products and sites.
Expanded Language Support: Additional languages for more inclusivity.
Advanced Filtering: Enable more precise filtering options (e.g., by brand, price range, or product type).

🤝 Contributing

Contributions are welcome! Feel free to submit a pull request or open an issue for suggestions or improvements.

📝 License

This project is licensed under the MIT License - see the LICENSE file for details.

Happy shopping! 🛍️ We hope you enjoy using the Price Comparison Website! If you have any questions, feedback, or run into issues, feel free to reach out.