Upload PDFs, chat with content using Next.js 13 & TypeScript! Transform your document querying experience with LlamaIndex and OpenAI.
Category
Full-Stack
Status
Completed
GitHub Stats
Created
Dec 18, 2024
Last Updated
Dec 18, 2024
In this project, I developed an AI-powered web application that allows users to upload PDF files and chat with their content.
Manually finding specific information within long PDF documents is time-consuming. I wanted to solve the need for a more practical workflow where users can upload a document and ask questions in natural language.
I built the project using Next.js 13 and TypeScript. On the application side, I separated the upload, chat, and api flows. For PDF parsing, I used @cyber2024/pdf-parse-fixed; for text processing and vector handling, I used llamaindex; and for token calculation, I used tiktoken. The user interface features a drag-and-drop file upload and message components to provide a simple document upload and Q&A flow.
The result is a modern demo application that queries PDF content through a chat interface rather than traditional search. I've combined document processing, embedding logic, and an AI-based chat experience within a small-scale project.
Next.js, React, TypeScript, Tailwind CSS, Radix UI, OpenAI, LlamaIndex, tiktoken, PDF Parse