Listings AI vector search demo

This is a small web application to show case Atlas Vector search with GPT-4 filter building out of free text search.

To work with this front end please follow: Leveraging OpenAI and MongoDB Atlas for Improved Search Functionality

Recommended IDE Setup

VSCode + Volar (and disable Vetur) + TypeScript Vue Plugin (Volar).

Customize configuration

See Vite Configuration Reference.

Project Setup

Build the relevent API endpoints and point the front end applicaiton to it:

src/App.vue:

  /*
          TODO: REPLACE WITH YOURS
          <ENDPOINT_APP_SERVICES> is the endpoint of your app services
        */
        const response = await axios.get(
          '<ENDPOINT_APP_SERVICES>',
          { params }
        );

Install

npm install

Compile and Hot-Reload for Development

npm run dev

Compile and Minify for Production

npm run build