AI filter Movie Night Demo

Choose a movie for your movie night using a natural language query. Try it out here!

This is a demo of using LLM (OpenAI GPT models) and TypeChat to create an AI filter that fulfills the following requirements:

An index page that lists all the movies in /json/movies.json (assume this is something from a database)
A movie details page that displays some information about the selected movie
An "AI-powered" search that takes a natural language query and translates it to a set of filters to narrow down the results shown in the table.

The site is created using Next, React, React Query, HeadlessUI, Tailwind, and TypeScript.

TypeChat requires an OpenAI API key, and this should be set in your .env.local file.

Name		Name	Last commit message	Last commit date
Latest commit History 15 Commits
components		components
json		json
pages		pages
react-query		react-query
styles		styles
types		types
utils		utils
.eslintrc.json		.eslintrc.json
.gitignore		.gitignore
.prettierrc.json		.prettierrc.json
README.md		README.md
demo.gif		demo.gif
next.config.js		next.config.js
package.json		package.json
pnpm-lock.yaml		pnpm-lock.yaml
postcss.config.js		postcss.config.js
tailwind.config.ts		tailwind.config.ts
tsconfig.json		tsconfig.json

kevinshen56714/AI-filter