Skip to content

Chebem/Capstone_project

Repository files navigation

🛒 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

  1. Clone the Repository

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

    npm install
  3. Run the Server

    npm start
  4. Visit the Website

    • Open your browser and go to https://chebem.github.io/Capstone_project/

💻 How to Use the Website

  1. Browse Products: Start by navigating through different categories to find products you're interested in.
  2. Compare Prices: Click on a product to view price comparisons from multiple sites.
  3. Chat with the Assistant: Use the chatbot to get product recommendations, find the best deals, or answer any questions about availability and prices.
  4. 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.


About

Capstone Design featuring a Price Comparison website

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 3

  •  
  •  
  •