DEV Community

Dang Tran
Dang Tran

Posted on

Apparel Shopping

This is a submission for the Algolia Agent Studio Challenge: Consumer-Facing Non-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 for list products, refinement, search box, auto complete, chat, etc.

With a traditional shopping site, customers use existing filter widgets to find their products. I added a tweak to let customers using a prompt to filter products by leveraging Generative AI in Algolia Agent Studio. I set up 2 agents, one for the chat and one for the filter functionality. The 2 agents are pretty similar, but the filter agent will not response with follow up questions to clarify some details.

Why Fast Retrieval Matters

Algolia agent can form a query based on the user's prompt or conversation. The query is flexible depending on the indexed data, configurable search attributes.

Top comments (0)