This is a submission for the Algolia Agent Studio Challenge: Consumer-Facing Conversational Experiences
What I Built
A apparel shopping site with 2 pages (homepage and product details page) and a chatbot assistanting customers looking for products via conversation.
Demo
https://apparel-web.vercel.app/
Source code: https://bitbucket.org/hdang2709/apparel/src/main/
How I Used Algolia Agent Studio
I set up an application in Alogolia, create a new index and use the apparel sample dataset which has 2000 items.
I configure searchable attributes and related facets.
- title
- description
- product_type
- color
- categories
- price
- tags
Leverage InstantSearch.js widget to build the UI including a chat widget.
Why Fast Retrieval Matters
The built-in chat widget in InstantSearch.js is very convenient. From the basic coding perspective, all you need are an agent ID and a container element to render to widget to build a chat interface that interacts with a generative AI assistant built with Algolia Agent Studio. And you can focus on constructing constructions and tools for the AI Agent.
Algolia Studio also provides all conversations lists on the site with insights about how the response conducted (Reasoning and Tool used), which is very helpful to configure the Tools and setting up search attributes.
Top comments (0)