RAG Chat Application

About This App

This sample application showcases a Retrieval-Augmented Generation (RAG) system powered by a large language model (LLM), built to deliver smooth and efficient support chat experiences.

It harnesses advanced AI capabilities to improve user interactions and ensure precise information retrieval.

To activate the chat feature, users must set up their Gemini API key and provide knowledge base content in JSON format, as illustrated below:

[
    {
    "title": "What is the return policy?",
    "content": "<HTML content>"
    },
    ...
]

Once configured, users can initiate a chat session by clicking the chat icon in the bottom right corner of the screen.

Type "I am unable to login" to observe how the system provides relevant information from the knowledge base.

Application Configuration

Gemini API Key

Knowledgebase

[{"title":"How to Reset Your Password","content":"\n            <h1>Reset Your Password</h1>\n            <p>If you have forgotten your password, you can easily reset it.</p>\n            <ol>\n                <li>Go to the <a href=\"/login\">Login Page</a>.</li>\n                <li>Click on the 'Forgot Password?' link.</li>\n                <li>Enter the email address associated with your account in the provided field.</li>\n                <li>Check your inbox (and spam/junk folder) for an email from us with a password reset link.</li>\n                <li>Click the link in the email and follow the instructions to set a new password.</li>\n            </ol>\n            <p>For security, the reset link is valid for a limited time.</p>\n        "},{"title":"Shipping and Delivery Information","content":"\n            <h1>Shipping Options & Delivery Times</h1>\n            <p>We offer several shipping options to meet your needs:</p>\n            <ul>\n                <li><strong>Standard Shipping:</strong> Estimated delivery in 5-7 business days.</li>\n                <li><strong>Expedited Shipping:</strong> Estimated delivery in 2-3 business days. Available at checkout for an additional fee.</li>\n                <li><strong>International Shipping:</strong> Delivery times vary greatly by destination, typically 10-20 business days. Customs processing may add to delivery time.</li>\n            </ul>\n            <h2>Tracking Your Order</h2>\n            <p>Once your order has shipped, you will receive a confirmation email containing a tracking number. You can use this number on our website's <a href=\"/track-order\">Order Tracking page</a> to monitor your shipment's progress.</p>\n        "},{"title":"Return and Refund Policy","content":"\n            <h1>Our Return & Refund Policy</h1>\n            <p>Customer satisfaction is our priority. You may return most new, unopened items within <strong>30 days of delivery</strong> for a full refund.</p>\n            <h2>How to Initiate a Return</h2>\n            <p>Please follow these steps:</p>\n            <ol>\n                <li>Visit our <a href=\"/returns\">Returns Page</a> on the website.</li>\n                <li>Enter your order number and email address.</li>\n                <li>Select the items you wish to return and the reason for the return.</li>\n                <li>You will receive a return shipping label and instructions via email.</li>\n            </ol>\n            <h2>Refund Processing</h2>\n            <p>Refunds are processed within 7-10 business days after we receive and inspect your returned item. The refund will be issued to the original method of payment. Shipping costs are non-refundable unless the return is a result of our error (e.g., you received an incorrect or defective item).</p>\n        "},{"title":"Product Features: Model XYZ","content":"\n            <h1>Discover the XYZ Model</h1>\n            <p>The Model XYZ is engineered for peak performance and user experience.</p>\n            <ul>\n                <li><strong>Display:</strong> Vibrant 1080p Full HD display.</li>\n                <li><strong>Battery:</strong> High-capacity 5000mAh battery, offering up to 24 hours of mixed usage.</li>\n                <li><strong>Processor:</strong> Powered by the advanced A10 processor for seamless multitasking and gaming.</li>\n                <li><strong>Camera:</strong> Dual 12MP rear cameras with Optical Image Stabilization (OIS) and AI enhancements.</li>\n                <li><strong>Operating System:</strong> Runs on our custom-designed, user-friendly OS, optimized for efficiency.</li>\n                <li><strong>Storage:</strong> Available in 64GB, 128GB, and 256GB configurations.</li>\n            </ul>\n            <p>Experience innovation with the XYZ Model.</p>\n        "},{"title":"Troubleshooting: Device Not Turning On","content":"\n            <h1>Device Not Powering On?</h1>\n            <p>If your device is not turning on, please try the following troubleshooting steps:</p>\n            <ol>\n                <li><strong>Charge the Device:</strong> Ensure your device is connected to a working power outlet and charger for at least 30 minutes. A completely drained battery might take some time to show signs of life.</li>\n                <li><strong>Forced Restart:</strong> Press and hold the power button for 10-15 seconds. This can resolve minor software glitches. Refer to your device manual for specific forced restart combinations if this doesn't work.</li>\n                <li><strong>Check Charger and Cable:</strong> Try using a different charger and USB cable to rule out a faulty accessory.</li>\n                <li><strong>Inspect for Damage:</strong> Look for any visible physical damage to the device or charging port.</li>\n            </ol>\n            <p>If the issue persists after trying these steps, our technical support team can assist further. You can find contact details on our <a href=\"/contact\">Contact Us page</a>.</p>\n        "},{"title":"Contact Customer Support","content":"\n            <h1>Need to Get in Touch?</h1>\n            <p>Our dedicated customer support team is here to help you.</p>\n            <ul>\n                <li><strong>Email:</strong> Send us an email at <a href=\"mailto:support@example.com\">support@example.com</a>. We aim to respond within 24 business hours.</li>\n                <li><strong>Phone:</strong> Call us toll-free at 1-800-555-0123. Our phone lines are open Monday to Friday, 9:00 AM - 5:00 PM EST.</li>\n                <li><strong>Contact Form:</strong> Fill out the contact form on our <a href=\"/contact\">Contact Us page</a> for non-urgent inquiries.</li>\n                <li><strong>Live Chat:</strong> (Coming Soon!) For immediate assistance during business hours, our live chat will be available directly on our website.</li>\n            </ul>\n            <p>Before contacting us, you might find answers in our <a href=\"/faq\">Frequently Asked Questions (FAQ)</a> section or other support guides.</p>\n        "}]